Viewing Pub - Gemeinsames Anschauen von YouTube Live
(viewing-pub.vercel.app)Ich habe allein zu Hause die Herbst-Baseballspiele geschaut und mich darüber gefreut, und dabei kam mir der Gedanke, dass ich wie früher gern wieder mit Freunden zusammen Baseball oder E-Sports schauen würde. Bei Baseball ist das schwierig, weil alle Live-Übertragungen kostenpflichtig sind, aber LoL wird auf YouTube Live gezeigt — also dachte ich: Wie wäre es, wenn man zumindest LoL gemeinsam mit Freunden schauen und dabei chatten könnte? Mit dieser Idee habe ich den Dienst gebaut.
🔗 Link zum Viewing-Pub-Service
So verwendet man den Service
- Wenn man eine YouTube-Live-URL eingibt oder ein empfohlenes Event auswählt, kann man einen Chatraum erstellen, um YouTube Live gemeinsam anzuschauen.
- Den erstellten Link kann man mit Freunden teilen, damit man denselben YouTube Live stream schauen und dabei chatten kann.
- Ein erstellter Raum wird 24 Stunden nach der letzten Aktivität zusammen mit dem Chatverlauf gelöscht.
Tech-Stack
- AI: Claude Code (Sonnet 4.5)
- Frontend: Next.js + Vercel
- Backend: Firebase Realtime DB
Ich war überrascht, dass ich mit einem gut formulierten zweiten Prompt in Claude Code innerhalb einer Stunde sogar einen Prototyp erstellen konnte, mit dem sich die Funktionen testen ließen. Sonnet 4.5 + Plan mode + Thinking mode haben wirklich gut funktioniert! Danach ist mit etwa einem halben Tag weiterer Arbeit die aktuelle Version entstanden.
ps. Für das heute um 16 Uhr stattfindende LoL Worlds Viertelfinale GEN vs HLE habe ich vorab schon einen Chatraum erstellt. Wenn ihr später Zeit habt zuzuschauen, kommt gern vorbei, chattet mit und gebt mir Feedback zum Service. 🤲
12 Kommentare
Großartig. Wirklich beeindruckend.
Ich gebe der Idee Punkte!
Vielen Dank 🙌!
Wird auch die Wiedergabegeschwindigkeit synchronisiert?
Ich frage mich, ob die Synchronisierung auch funktioniert, wenn sich der Wiedergabebereich ändert.
Da nur YouTube-Live-Videos unterstützt werden, wurde die Entwicklung unter der Annahme vorangetrieben, dass „Synchronisierung == Live“ bedeutet. Da es sich nicht um Sprachkommunikation, sondern um Chat handelt, liegt die Synchronisierungsabweichung bei 1–2 Sekunden. Ich denke nicht, dass das groß genug ist, um jemanden zu spoilern oder ähnliches.
So etwas wie eine YouTube-Party also.
So etwas Ähnliches gab es also schon! Mein Gehirn war schneller als ich, also habe ich zuerst die AI machen lassen, und im Nachhinein fiel mir auf, dass ich nicht einmal recherchiert hatte und es einfach erst mal umgesetzt habe 🤣
Gute Idee.
Danke! Eigentlich würde ich mir vor allem Baseball und Fußball wünschen, aber allgemeiner Sport ist meistens kostenpflichtig übertragen, und auf YouTube Live gibt es davon leider nicht viel ;_;
Sieht aus wie AfreecaTV.
Da wir das Live-Streaming weder hosten noch selbst durchführen, trifft es wohl eher zu, dass wir an den Live-Streaming-Dienst lediglich ein separates privates Chatfenster angehängt haben.