Der erste Teil dieses Verfahrens ist für jeden Streaming-Anbieter gleich. Nach dieser ersten Einrichtung gibt es einen speziellen Teil, der der Anzeige der Songtitel gewidmet ist, was je nach Streaming-Dienst unterschiedlich ist.
SEHR WICHTIGE INFORMATIONEN
Es ist unmöglich, einen "HTTP"-Stream über einen "HTTP
Wie man einen Radiokanal erstellt
Schritt 1: Finden Sie Ihre Radio-Streaming-URL heraus. Wenn Sie es noch nicht wissen, überprüfen Sie bitte die Seite, die Ihrem spezifischen Streaming-Typ gewidmet ist, um weitere Informationen zu erhalten
Schritt 2: Gehen Sie in Ihrem WordPress-Admin zu Radiokanäle > Neuen Kanal hinzufügen
Schritt 3: Geben Sie den Namen des Radiosenders und optional die Musikgenres ein (sind wie Tags)
Optional fügen Sie eine Inhaltsbeschreibung für den Radiokanal hinzu, die beim Öffnen der einzelnen Seite des Radiokanals sichtbar ist.
Wenn Sie diese Seite mit Elementor bearbeiten möchten, müssen Sie den Beitragstyp "Radiosender" in den Elementor-Einstellungen aktivieren
Schritt 4: Fügen Sie optional das Order-Attribut hinzu. Dieser Parameter ändert die Reihenfolge in der Playlist innerhalb der Radiokanäle Ihrer Playlist.
Radiokanaldetails
Schritt 1: Legen Sie Ihren Servertyp fest. Dies ist eine Information, die Sie bereits kennen sollten. Wenn nicht, fragen Sie bitte bei Ihrem Streaming-Anbieter nach.
Wenn Ihr Anbieter Ihnen erlaubt, zwischen den Formaten Icecast und Shoutcast zu wählen, empfehlen wir die Verwendung von Icecast aufgrund seiner nativen HTTPS-Kompatibilität.
Schritt 2: MP3/OGG/AAC-Stream-URL: die URL Ihres Streams (weitere Informationen finden Sie in den entsprechenden Abschnitten für jeden Anbieter).
Bitte beachten Sie, dass, wenn Ihr Website in HTTPS ist, muss Ihre Streaming-URL ebenfalls in HTTPS sein.
Schritt 3: MP3/OGG/AAC Streamen Sie die URL für Mobilgeräte. Diese URL wird automatisch verwendet, wenn der Player ein mobiles Gerät erkennt. Einige Streaming-Anbieter erlauben die Einstellung von 2 verschiedenen Mitraten, auf die von 2 separaten URLs aus zugegriffen werden kann.
Für Mobilgeräte empfiehlt es sich, 64 oder 96 kbps zu verwenden, während für Desktops auch 128 - 320 kbps geeignet sind.
Schritt 3: Radiountertitel. Wird anstelle des Künstlernamens verwendet, falls er fehlt.
Schritt 4: Radio-Logo. Sie sollten ein Logo in PNG mit transparentem Hintergrund hochladen, das als Seitentitel für die einzelne Radioseite verwendet wird. Es wird auch in den Radio Cards verwendet: einem Elementor-Widget zum Ausdrucken einer winzigen spielbaren Karte mit dem Radio-Logo und der Play-Schaltfläche auf einem benutzerdefinierten Hintergrund.
Schritt 5: Player-Symbol – ein quadratisches Bild, empfohlene Größe 600 x 600 Pixel, das im Player verwendet wird, während dieser Kanal abgespielt wird.
Mobile Ansicht:
Desktopansicht:
SSchritt 6: Aus Wiedergabeliste ausschließen – diese Option ermöglicht es, einen Radiokanal vor dem Player zu verbergen, ohne ihn zu löschen. Wenn Sie dieses Kontrollkästchen aktivieren, ist der Kanal weiterhin über Shortcode oder einzelne Seite verfügbar, wird jedoch nicht in die Playlist der Player-Leiste geladen.
Proxy verwenden: Diese Option beinhaltet nur den Zugriff auf die Songtitel und ändert den Ajax-Aufruf zu einer serverseitigen Verbindung, um die Titel der Songs von Ihrem Streaming-Anbieter zu lesen. Dies ist erforderlich, wenn Ihr Streaming-Anbieter POOR CORS (Cross Origin Resource Sharing)-Einstellungen hat, was bedeutet, dass Ihr Streaming-Anbieter Sie daran hindert, die Titel zu lesen.
Wann sollte der Proxy verwendet werden:
Wenn Sie sicher sind, dass Sie die Streaming-Einstellungen richtig eingerichtet haben und die Titel immer noch nicht erscheinen (siehe nächste Kapitel für die Einrichtung der Titel), sollten Sie die Konsole des Browsers überprüfen
Um die Entwicklerkonsole in Google Chrome zu öffnen, öffnen Sie Chrome Menü in der oberen rechten Ecke des Browser-Fensters und wählen Sie "Weitere Tools" > Entwicklerwerkzeuge. Sie können auch die Tastenkombination Option + ⌘ + J (unter macOS) oder Umschalt + STRG + J (unter Windows/Linux) verwenden.
Wenn Sie einen Fehler sehen, der besagt:
"XMLHttpRequest kann http://........./ nicht laden. Ursprung [URL IHRER WEBSITE] wird von Access-Control-Allow-Origin nicht zugelassen."
Das bedeutet, dass Ihr Radioanbieter externe Websites daran hindert, die Titel zu lesen. Das ist kein Themebug, sondern ein Problem deines Radioanbieters, der falsche Servereinstellungen hat.
Unser interner Proxy versucht, das Problem zu umgehen, obwohl dies nicht sehr empfehlenswert ist und möglicherweise immer noch durch Ihre eigenen Servereinstellungen blockiert wird.
Der Proxy wandelt die über Javascript hergestellte Verbindung in eine Verbindung über PHP zu Ihrem Streaming-Anbieter um.
Also, wenn Ihr Streaming-Anbieter eine URL wie
hathttp://someurl.com:9374
WICHTIG: Wenn Ihr Radiostream auf alternativen Ports wie 8000 oder einem anderen Port wie 1234 läuft (Ihre URL enthält beispielsweise „:5274“), kann der Proxy nur funktionieren, wenn Ihr Server dies NICHT blockiert Verbindungen.
Um den Proxy zu verwenden, müssen Sie Ihren Website-Hosting-Provider bitten, die Verbindung zur URL http://someurl.com und zum Port 9374 (oder einem anderen von Ihnen verwendeten Port) zu aktivieren.
Dies ist KEIN Audio-Proxy, funktioniert nur beim JSON-Songtitelaufruf.
Wenn der Proxy bei Ihnen nicht funktioniert oder Sie einen Konsolenfehler „unexpected character at line…<“ sehen, bedeutet dies, dass Ihr Server funktioniert Blockieren der Proxy-Aufrufe.
Es gibt nur 2 Lösungen:
- Bitten Sie Ihren Streaming-Anbieter, CORS zu aktivieren < /a> (und den Proxy deaktivieren) ODER
- Bitten Sie Ihren Website-Hosting-Anbieter, die Verbindung auf Ihrer spezifischen Streaming-Portnummer zuzulassen.
Die Verwendung des Proxys ist nicht immer eine gute Idee: Dies ist eine Problemumgehung, um ein von Ihrem Streaming-Anbieter verursachtes Problem zu umgehen und es zu Ihrem Hosting-Anbieter zu verschieben. Der Proxy kann Ihre verbrauchte Bandbreite und CPU-Serverauslastung stark erhöhen.
Ist ein bisschen so, als ob Ihre Haustür klemmt und Sie versuchen, durch die Cheminée hineinzukommen. Ist eine Hintertür, keine Lösung.
Auch wenn ein Anbieter die CORS-Berechtigungen deaktiviert hat, ist er im Allgemeinen kein professioneller Anbieter, und Sie möchten vielleicht einen besseren finden.
Serverspezifische Anweisungen
In den nächsten Kapiteln finden Sie die genauen Anweisungen zum Anzeigen des Songtitels und Künstlernamens auf dem Player und anderen Teilen der Website für jeden unterstützten Typ von Streaming-Anbieter.
