Ich möchte auf onvista.de einen Hinweis geben, wenn auf unserem Youtube Kanal ein Live-Stream stattfindet.
Ich werde zunächst die YouTube API recherchieren, um die beste Methode zur Livestream-Erkennung zu finden, und dann die Komponente bauen.
Perfekt! Die YouTube Data API v3 bietet genau das, was wir brauchen. Jetzt erstelle ich die komplette Lösung:
Jetzt muss ich noch die Umgebungsvariable für den YouTube API Key anfordern:
Die Lösung ist vollständig implementiert. Hier eine Zusammenfassung:
Zu deinen Fragen:
/api/youtube-live nutzt search.list mit eventType=live, um aktive Livestreams zu erkennen. Der Hook pollt alle 60 Sekunden (konfigurierbar).showEmbed={true} wird das Video als iframe mit Autoplay und Mute eingebettet. Bei showEmbed={false} wird nur das Thumbnail angezeigt.fixed bottom-4 right-4 positioniert und bleibt beim Scrollen sichtbar. Per X-Button wird es geschlossen und in sessionStorage gespeichert, sodass es für die aktuelle Session nicht mehr erscheint.Zum Testen:
You can send messages while the preview loads