Broadcast Live Streaming auf einer Website mit einem zusätzlichen grafischen Overlay

Question

Ich habe etwas über Live-Streaming recherchiert. Ich möchte eine Lösung entwickeln, bei der ich Live-Streams von mehreren Remote-Kameras auf meiner Website sammeln, den Stream mit einem benutzerdefinierten Text-Banner (d. H. Wir haben Nachrichtenkanal, Fußballspiel) ganz unten ändern und an alle senden.

Ich weiß, dass Flash-Plugins für Videostreaming und -bearbeitung verfügbar sind, aber ich möchte diese Web-App so erstellen, dass sie mobilfreundlich und ansprechend ist.

HTML5 kann verwendet werden, um mehrere Videostreams auf der Website anzuzeigen, aber wie kann ich ein Textbanner, Grafiken oder einen anderen Frame in einem laufenden Livestream hinzufügen?

Answer 1

Der einfachste Weg, dies zu tun, und die Art und Weise, die Ihnen die beste Qualität und Kontrolle über die Präsentation gibt, ist, es einfach auf der Client-Anwendung zu tun. Es hört sich so an, als ob Sie dies kontrollieren. Ändern Sie einfach Ihre Anwendung, um einen Datenstrom neben dem Videostream zu erhalten. Dies funktioniert gut, wenn man davon ausgeht, dass Sie die Client-Seite kontrollieren und eine genaue Synchronisation nicht kritisch ist.

Vorausgesetzt, Sie kontrollieren die Spieler überhaupt nicht und Sie müssen dies alles in das Video backen, gibt es eine Vielzahl von Tools, die Sie verwenden können. GStreamer, FFmpeg, sogar VLC je nach Ihren Anforderungen. Wenn Sie etwas interaktiveres brauchen, könnte OBS auch etwas sein, in das Sie sich vertiefen sollten.