HLS mit HTML5 abspielen [geschlossen]

7

Ich versuche also, HLS-Streams auf HTML5 zu spielen, ohne Flash zu verwenden. Wir haben viele Videoplayer ausprobiert, aber alle haben einen Flash-Player. Meine Frage, ist es möglich, HLS-Streams (any) auf HTML5 ohne Flash zu spielen?

(Ich kenne Ссылка , funktioniert aber nicht auf mobilen Geräten und ist ziemlich lückig.)

    
Dallox 21.05.2015, 11:56
quelle

5 Antworten

5

HLS wird nicht von allen Browsern unterstützt. Ich benutze einen jwPlayer, der sowohl Flash- als auch HTML5-Streaming unterstützt (sofern verfügbar). Die Unterstützung für HLS-Streaming muss leider immer noch darauf angewiesen sein, dass Flash über verschiedene Browser ordnungsgemäß funktioniert. Siehe HTML5 HLS-Browser-Unterstützung: Ссылка

    
Sixthpoint 21.05.2015 15:12
quelle
5
___ qstnhdr ___ HLS mit HTML5 abspielen [geschlossen] ___ answer44279274 ___

HLS.js Projekt ist heutzutage ziemlich zuverlässig ( Ссылка ). Es wird in den neuesten Versionen der Browser unterstützt. Es ist nicht auf Flash angewiesen. Es kann im Flowplayer verwendet werden. hls.js ist kompatibel mit Browsern, die MSE mit "Video / MP4" -Eingängen unterstützen. unterstützt auf:

  • Chrome für Android 34 +
  • Chrome für Desktop 34 +
  • Firefox für Android 41 +
  • Firefox für Desktop 42 +
  • IE11 + für Windows 8.1 +
  • Edge für Windows 10 +
  • Opera für Desktop
  • Vivaldi für Desktop
  • Safari für Mac 8+ (Beta)
___ answer30531859 ​​___

Es gibt keinen ausgereiften, stabilen Open-Source HLS HTML5 Player AFAIK. Es gibt jedoch zwei kommerzielle Angebote:

  • Viblast Player - sehr günstig und relativ einfach zu bedienen. Dies ist nur ein absolutes Minimum HLS HTML5-Wiedergabe. Der Entwickler muss die Benutzeroberfläche selbst erstellen oder in Video.js / Flowplayer / JWPlayer integrieren.
  • Theo-Spieler - Ich habe nicht viel Erfahrung mit diesem gehabt. Die Preisgestaltung ist nicht öffentlich. Die Demo sieht OK aus und funktioniert sogar mit den meisten Firefox-Versionen.

Beide Spieler verlassen sich auf die MSE-API und funktionieren nicht in Browsern, in denen sie nicht unterstützt werden (IE & lt; = 10, Firefox).

    
___ tag123html5 ___ HTML5 (Hyper Text Markup Language, Version 5) ist ein Oberbegriff für aktuelle Webtechnologien. Es ist auch die neueste Version von HTML. Im Oktober 2014 wurde es zu einer W3C-Empfehlung, die neue Elemente und APIs einführte. ___ qstntxt ___

Ich versuche also, HLS-Streams auf HTML5 zu spielen, ohne Flash zu verwenden. Wir haben viele Videoplayer ausprobiert, aber alle haben einen Flash-Player. Meine Frage, ist es möglich, HLS-Streams (any) auf HTML5 ohne Flash zu spielen?

(Ich kenne Ссылка , funktioniert aber nicht auf mobilen Geräten und ist ziemlich lückig.)

    
___ tag123video ___ Video ist ein elektronisches Medium zum Aufnehmen, Kopieren und Übertragen bewegter visueller Bilder. Verwenden Sie bei Bedarf relevantere Tags wie [Videobearbeitung] für Fragen zum Zuschneiden und Ändern von Videos, [Videocodierung] für Fragen zum Bearbeiten von Videos in einem beliebigen Format und [Videoverarbeitung] für Fragen zur Verarbeitung von Videos mit dem Filtern von Videorahmen. ___ answer41240045 ___

Grundsätzlich müssen alle HTML5-Player die MPEG2-TS-Segmente (Transport Stream) an MP4 übertragen, da die meisten Browser MPEG2-TS nicht nativ unterstützen.

Es gibt tatsächlich ein paar HTML5-Player, die HLS-Streams abspielen können. Ein Beispiel wäre der Bitmovin Player , der sowohl professionelle Unterstützung als auch eine Alternative für ältere Browser bietet. Es ist ein kommerzielles Produkt, aber sie bieten auch einen kostenlosen Plan. Auch Open-Source-Projekte wie hls.js sind verfügbar.

Mit Apples Ankündigung von der diesjährigen WWDC ist es nun aber auch möglich, MP4-Segmente mit HLS zu verwenden, wodurch Transmux überflüssig wird. Weitere Details zur Vorgehensweise und Vorteile sind in diesem Artikel ziemlich gut beschrieben >. Nicht sicher, welche Spieler es unterstützen, zumindest Apples native Implementierung in Safari auf iOS 10 und macOS; auch Bitmovin unterstützt es bereits.

    
___ answer30705864 ___

THEOplayer ist sehr interessant für diesen Fall. Sie ermöglichen das Streamen mit HLS zu allen gängigen Browsern und Plattformen ohne Verwendung von Flash.

Sie haben Unterstützung für Internet Explorer, Firefox, Chrome, Opera und Safari unter Windows, Linux, Mac, iOS, Android und Windows Phone.

Im Gegensatz zu früheren Antworten sind sie auch nicht auf MSE angewiesen, um zu funktionieren. Daher funktioniert dieser Player auf allen Plattformen und sogar älteren IE-Versionen (ab 10) und Browsern, die MSE nicht unterstützen.

    
___ tag123hls ___ HTTP-Live-Streaming (HLS) ___ answer30377736 ___

HLS wird nicht von allen Browsern unterstützt. Ich benutze einen jwPlayer, der sowohl Flash- als auch HTML5-Streaming unterstützt (sofern verfügbar). Die Unterstützung für HLS-Streaming muss leider immer noch darauf angewiesen sein, dass Flash über verschiedene Browser ordnungsgemäß funktioniert. Siehe HTML5 HLS-Browser-Unterstützung: Ссылка

    
___ tag123streaming ___ Streaming ist der Prozess der Bereitstellung digitaler Multimediainhalte von einem Anbieter an einen Kunden über ein Netzwerk. Der Anbieter kann die Daten gespeichert haben oder kann sie von einer Live-Quelle weiterleiten. ___
Svetlin Mladenov 29.05.2015 14:13
quelle
5

HLS.js Projekt ist heutzutage ziemlich zuverlässig ( Ссылка ). Es wird in den neuesten Versionen der Browser unterstützt. Es ist nicht auf Flash angewiesen. Es kann im Flowplayer verwendet werden. hls.js ist kompatibel mit Browsern, die MSE mit "Video / MP4" -Eingängen unterstützen. unterstützt auf:

  • Chrome für Android 34 +
  • Chrome für Desktop 34 +
  • Firefox für Android 41 +
  • Firefox für Desktop 42 +
  • IE11 + für Windows 8.1 +
  • Edge für Windows 10 +
  • Opera für Desktop
  • Vivaldi für Desktop
  • Safari für Mac 8+ (Beta)
jolumg 31.05.2017 08:15
quelle
4

Grundsätzlich müssen alle HTML5-Player die MPEG2-TS-Segmente (Transport Stream) an MP4 übertragen, da die meisten Browser MPEG2-TS nicht nativ unterstützen.

Es gibt tatsächlich ein paar HTML5-Player, die HLS-Streams abspielen können. Ein Beispiel wäre der Bitmovin Player , der sowohl professionelle Unterstützung als auch eine Alternative für ältere Browser bietet. Es ist ein kommerzielles Produkt, aber sie bieten auch einen kostenlosen Plan. Auch Open-Source-Projekte wie hls.js sind verfügbar.

Mit Apples Ankündigung von der diesjährigen WWDC ist es nun aber auch möglich, MP4-Segmente mit HLS zu verwenden, wodurch Transmux überflüssig wird. Weitere Details zur Vorgehensweise und Vorteile sind in diesem Artikel ziemlich gut beschrieben >. Nicht sicher, welche Spieler es unterstützen, zumindest Apples native Implementierung in Safari auf iOS 10 und macOS; auch Bitmovin unterstützt es bereits.

    
Daniel 20.12.2016 10:24
quelle
1

THEOplayer ist sehr interessant für diesen Fall. Sie ermöglichen das Streamen mit HLS zu allen gängigen Browsern und Plattformen ohne Verwendung von Flash.

Sie haben Unterstützung für Internet Explorer, Firefox, Chrome, Opera und Safari unter Windows, Linux, Mac, iOS, Android und Windows Phone.

Im Gegensatz zu früheren Antworten sind sie auch nicht auf MSE angewiesen, um zu funktionieren. Daher funktioniert dieser Player auf allen Plattformen und sogar älteren IE-Versionen (ab 10) und Browsern, die MSE nicht unterstützen.

    
MrP 08.06.2015 09:44
quelle

Tags und Links