Heim Web-Frontend H5-Tutorial Was halten Sie von Bilibilis Open-Source-HTML5-Player-Kern flv.js?

Was halten Sie von Bilibilis Open-Source-HTML5-Player-Kern flv.js?

Mar 18, 2017 am 09:41 AM
bilibili com flv github https

flv.js macht drei Dinge:

1. HTML5 unterstützt nativ nur die Wiedergabe von MP4-/WebM-Formaten, flv.js implementiert die Wiedergabe von Videos im FLV-Format auf HTML5.
2 Sorgen Sie für einen reibungslosen Übergang der Bilibili-Webseite zum HTML5-Player. Das historische Erbe stellt kein Hindernis mehr dar.
3. Für die Video-Live-Übertragung unterstützt HTML5 die HTTP-FLV-Wiedergabe mit extrem geringer Latenz, wodurch die Abhängigkeit der Web-Live-Übertragung von Flash entfällt.
Einige Leute fragten mich, warum ich das MP4-Format nicht direkt verwende, und äußerten ihre Abneigung dagegen Das FLV-Format.
Einerseits ist dieses Problem ein Erbe der Geschichte Nachdem Sie das FLV/MP4-Verpackungsformat sorgfältig studiert haben, werden Sie feststellen, dass das FLV-Format sehr einfach ist. Die internen Boxen von MP4 sind unterschiedlich, die Struktur ist komplex und solide und es gibt zu viele redundante Daten. FLV verfügt über inhärente Streaming-Eigenschaften und eignet sich für Netzwerk-Streaming, während MP4, das am weitesten verbreitete Speicherformat, nicht unbedingt ein elegantes Design aufweist.
Ich möchte hier nicht über die Vor- und Nachteile von Multimedia-Kapselungsformaten sprechen. flv.js ist ein gutes Beispiel für die Implementierung einer benutzerdefinierten Videoformatwiedergabe auf HTML5, die vollständige Nutzung neuerer Technologien auf HTML5/Web wie Media Source Extensions
, Fetch API und ECMAScript 6 und das Testen mit diesen APIs: Während der Entwicklung wurde festgestellt, dass es Fehler in der Unterstützung von Edge für die Fetch-API gab. Es wurde festgestellt, dass verschiedene Browser einige Unterschiede und Probleme in den Implementierungsdetails von MSE aufwiesen. Es wurde festgestellt, dass die MSE-Implementierung von Safari weniger robust (komisch) war 🎜> in flv In den frühen Tagen des .js-Projekts waren Media Source Extensions (MSE) in China unbekannt, jedoch hat sich die MSE-API in den letzten vier Jahren weiterentwickelt und ist eine der wichtigsten APIs im Zusammenhang mit HTML5-Multimedia. MSE ist der Schlüssel zur Realisierung der benutzerdefinierten Formatwiedergabe auf HTML5. Die Open Source von flv.js hofft auch, dass MSE umfassender verstanden und angewendet werden kann. Schließlich beschleunigen Browser wie Chrome den Prozess der Eliminierung von Flash. HTML5-Videos wurden von verschiedenen Browserherstellern mit leistungsstarken Erweiterungen für das Medienformat FLV.js implementiert Die HTML5-Multimedia-Technologie hat die Veralterung von Flash überwunden. Mein Bruder ist großartig ...
Als der h5-Player zum ersten Mal herauskam, vermutete ich, dass Station B Emscripten verwendet, um C++-Programme wie flv2mp4 (es gibt sowieso asm.js) zu kapseln, und übergab es dann an Slice API und dann Stream to Video-Tag... Schließlich habe ich einen MIDI-Player gebaut (
https://
) Wahrscheinlich habe ich so gespielt...und dann war flv.js Open Source...Ich war überrascht! Ich habe tatsächlich natives js verwendet, um die Metadaten, den AAC-Stream und den Videostream direkt zu lesen ... und dann remux (ich wurde von videojs-contrib-hls inspiriert, Emscripten für Dinge wie ffmpeg zu verwenden, um große Nachrichten zu machen ... Das Rudel ist wirklich gruselig … Dieses flv.js löst ein Problem bei der Verwendung von flv als Videocontainer und der Wiedergabe in einem HTML5-Player. Allerdings. . . Die Nachfrage ist nicht hoch. . . Wenn ich eine vollständige HTML5-Website erstellen möchte, wäre es dann nicht besser, MP4 zu speichern?
Dies wird jedoch durch die Medienquellenerweiterung implementiert, was uns ein gutes positives Beispiel für die Verwendung dieser Schnittstelle liefert. Die Sache ist eine gute Sache, weist aber große Einschränkungen auf
Andere Websites, die FLV verwenden, werden weiterhin Flash verwenden, um High-End-Werbefunktionen zu implementieren (z. B. Speicher in reines MP4 umwandeln
Diese Drittanbieter mögen uns werden durch Cors blockiert und es ist schwer zu erreichen
(Jemand hat die relevanten Leute vorhin gefragt, warum sie immer noch FLV speichern, Flash wird früher oder später sterben. Die Antwort ist „Es ist nur eine Remux-Sache“, und es kostet nichts viele Ressourcen“...)
Aber es ist nicht völlig unmöglich
Wenn ein Dritter flv.js einführen muss, um FLV von Station B abzuspielen, ist es am einfachsten,
http://
xxx.xxx.xxx.xxx/ws.acgv
Adresse kann die Wiedergabe jedes beliebigen Domainnamens unterstützen Meine Seite wird heute Abend versuchen, zu unterstützenIch habe es die ganze Nacht versucht, aber als der Cache sprang, gab es immer noch keine Cors, also habe ich beschlossen, aufzugeben. Es ist sehr gut, dass Sie dieses Framework verwenden können, um einen HLS-Player zu modifizieren. Damit ist die browserseitige Video-Liveübertragung neben FLASH und WebRTC eine dritte universelle Option. Korrektur: Ich habe den Code von hls.js nicht gesehen, daher gehe ich davon aus, dass er aus C++-Code konvertiert wurde und nicht gewartet oder geändert werden kann. Es gibt Korrekturen in den Kommentaren, Sie können die Kommentare lesen. Darüber hinaus scheint die Infrastruktur für die webseitige Videowiedergabe langsam gewachsen zu sein: http+WebSocket+MSE+MPEG-Dash+Video-Tag+Audio-Tag+WebGL+WebRTC ein Videowiedergabesystem, das nicht schwächer ist als das native Niveau (nicht nativ). Denken Sie vorerst nicht an Online-Bearbeitung und -Mischung, das ist nicht realistisch. Derzeit reicht die interne Reife jedes Moduls nicht aus, sondern die Entwicklung Voraussetzungen für komplexe Web-Video-Anwendungen sind bereits vorhanden. Für andere Hersteller, die bei der Werbung auf Flash setzen, ist Bilibili ein Hauch frischer Luft. . .
Ich liebe diese beschissene Website. . (゜-゜)つロ Lassen Sie mich nur eines sagen: Die Fähigkeit, dies zu tun, verdient in der Tat Stolz und Stolz, und der Prozess, dies zu tun, verdient in der Tat Bewunderung.
Erste Reihe Membran Qianqian. @qianqian Kurzgebratene Schenkel oder ähnliches sind mir egal. Wenn der Shenzhou voll beladen ist, beträgt die Temperatur jedenfalls nur 50-60 Grad. . . Was mich interessiert, ist!
HTML5 kann Dutzende Videos ohne Absturz öffnen!
Wenn Sie mehr als 7 Blitze haben, werden Sie definitiv sterben! Ein gutes Open-Source-Projekt. Es ist jedoch wahrscheinlicher, dass es sich um eine experimentelle und Backup-Lösung handelt.
Im Wesentlichen hängt dies von der Implementierung von Media Source Extensions ab.
Das bedeutet, dass iOS Safari auf der mobilen Seite grundsätzlich nicht darauf zugreifen kann, wodurch die Möglichkeit, die FLV-Wiedergabe im Browser kurzfristig auf die mobile Seite zu bringen, ausgeschlossen ist.
In Bezug auf die Implementierungsideen ist es näher an hls.js, das darin besteht, die Videoressourcen-Slices selbst abzurufen und sie dann zu verbinden und dem Videoelement zuzuführen.
Abschließend hoffe ich wirklich, dass dieses Projekt noch lange weitergehen kann, denn dies ist eine weitere positive Herausforderung für Flash- und Video-Website-Lösungen, die ich gesehen habe. Außerdem ist es Open Source, Open Source, Open Source! Das Problem, dass der Computer beim Ansehen von Bilibili auf dem Mac hochgefahren ist, wurde gelöst.
Übrigens, da die großen Video-Websites die Sperrfunktion aktiviert haben, startet der Computer, sobald ich die Sperrfunktion einschalte Denken Sie darüber nach, es ist immer noch das Gewissen von Bilibili, da ich mich oft mit Videos beschäftige und sie durch flv.js ersetzt habe Nun, ich hoffe, es wird besser

Oben sehen Sie, wie Sie die Open Source von Bilibili (bilibili) anzeigen können. Einzelheiten zum HTML5-Player-Kern flv.js finden Sie in anderen verwandten Artikeln zum PHP-Chinesen Website für weitere Informationen!

Verwandte Artikel:

Umfassende Interpretation des flv.js-Codes

Anleitung zur Verwendung des Open-Source-Codes flv.js

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wo werden die Videos von Bilibili auf dem Telefon zwischengespeichert? Wo werden die Videos von Bilibili auf dem Telefon zwischengespeichert? Mar 21, 2024 pm 02:28 PM

Der von Bilibili zwischengespeicherte Videospeicherort befindet sich im Speicherpfad des Mobiltelefons. Der spezifische Speicherort ist: Android/data/tv.danmaku.bili/download/. Öffnen Sie Bilibili, speichern Sie das zu speichernde Video im Cache und suchen Sie den Videoordner in chronologischer Reihenfolge unter dem Pfad, in dem video.m4s und audio.m4s jeweils Video und Audio enthalten.

Hongmeng native Anwendung zufälliger Poesie Hongmeng native Anwendung zufälliger Poesie Feb 19, 2024 pm 01:36 PM

Um mehr über Open Source zu erfahren, besuchen Sie bitte: 51CTO Hongmeng Developer Community https://ost.51cto.com Laufumgebung DAYU200:4.0.10.16SDK: 4.0.10.15IDE: 4.0.600 1. Um eine Anwendung zu erstellen, klicken Sie auf Datei- >newFile->CreateProgect. Vorlage auswählen: [OpenHarmony] EmptyAbility: Geben Sie den Projektnamen, shici, den Namen des Anwendungspakets com.nut.shici und den Speicherort der Anwendung XXX ein (kein Chinesisch, Sonderzeichen oder Leerzeichen). CompileSDK10, Modell: Stage. Gerät

So installieren Sie GitHub Copilot unter Windows 11/10 So installieren Sie GitHub Copilot unter Windows 11/10 Oct 21, 2023 pm 11:13 PM

GitHubCopilot ist die nächste Stufe für Programmierer mit einem KI-basierten Modell, das Ihren Code erfolgreich vorhersagt und automatisch vervollständigt. Möglicherweise fragen Sie sich jedoch, wie Sie dieses KI-Genie auf Ihr Gerät bringen können, damit das Codieren noch einfacher wird! Die Verwendung von GitHub ist jedoch nicht gerade einfach und der anfängliche Einrichtungsprozess ist schwierig. Aus diesem Grund haben wir dieses Schritt-für-Schritt-Tutorial zur Installation und Implementierung von GitHub Copilot in VSCode unter Windows 11, 10 erstellt. So installieren Sie GitHubCopilot unter Windows. Dieser Prozess umfasst mehrere Schritte. Befolgen Sie jetzt die folgenden Schritte. Schritt 1 – Auf Ihrem Computer muss die neueste Version von Visual Studio installiert sein

So verwenden Sie Nginx Proxy Manager, um einen Reverse-Proxy unter dem HTTPS-Protokoll zu implementieren So verwenden Sie Nginx Proxy Manager, um einen Reverse-Proxy unter dem HTTPS-Protokoll zu implementieren Sep 26, 2023 am 08:40 AM

So implementieren Sie mit NginxProxyManager einen Reverse-Proxy unter dem HTTPS-Protokoll. Mit der Popularität des Internets und der Diversifizierung der Anwendungsszenarien sind die Zugriffsmethoden auf Websites und Anwendungen immer komplexer geworden. Um die Effizienz und Sicherheit des Website-Zugriffs zu verbessern, haben viele Websites damit begonnen, Reverse-Proxys zur Bearbeitung von Benutzeranfragen zu verwenden. Der Reverse-Proxy für das HTTPS-Protokoll spielt eine wichtige Rolle beim Schutz der Privatsphäre der Benutzer und der Gewährleistung der Kommunikationssicherheit. In diesem Artikel wird die Verwendung von NginxProxy vorgestellt

So verwenden Sie Nginx Proxy Manager, um einen automatischen Sprung von HTTP zu HTTPS zu implementieren So verwenden Sie Nginx Proxy Manager, um einen automatischen Sprung von HTTP zu HTTPS zu implementieren Sep 26, 2023 am 11:19 AM

So implementieren Sie den automatischen Sprung von HTTP zu HTTPS mit NginxProxyManager Mit der Entwicklung des Internets beginnen immer mehr Websites, das HTTPS-Protokoll zur Verschlüsselung der Datenübertragung zu verwenden, um die Datensicherheit und den Schutz der Privatsphäre der Benutzer zu verbessern. Da das HTTPS-Protokoll die Unterstützung eines SSL-Zertifikats erfordert, ist bei der Bereitstellung des HTTPS-Protokolls eine gewisse technische Unterstützung erforderlich. Nginx ist ein leistungsstarker und häufig verwendeter HTTP-Server und Reverse-Proxy-Server sowie NginxProxy

Nginx mit SSL: Konfigurieren Sie HTTPS, um Ihren Webserver zu schützen Nginx mit SSL: Konfigurieren Sie HTTPS, um Ihren Webserver zu schützen Jun 09, 2023 pm 09:24 PM

Nginx ist eine leistungsstarke Webserver-Software und ein leistungsstarker Reverse-Proxy-Server und Load Balancer. Mit der rasanten Entwicklung des Internets beginnen immer mehr Websites, das SSL-Protokoll zum Schutz vertraulicher Benutzerdaten zu verwenden. Nginx bietet außerdem leistungsstarke SSL-Unterstützung, wodurch die Sicherheitsleistung des Webservers noch weiter gesteigert wird. In diesem Artikel erfahren Sie, wie Sie Nginx so konfigurieren, dass es das SSL-Protokoll unterstützt und die Sicherheitsleistung des Webservers schützt. Was ist das SSL-Protokoll? SSL (SecureSocket

Git-Installationsprozess unter Ubuntu Git-Installationsprozess unter Ubuntu Mar 20, 2024 pm 04:51 PM

Git ist ein schnelles, zuverlässiges und anpassungsfähiges verteiltes Versionskontrollsystem. Es ist für die Unterstützung verteilter, nichtlinearer Arbeitsabläufe konzipiert und eignet sich daher ideal für Softwareentwicklungsteams jeder Größe. Jedes Git-Arbeitsverzeichnis ist ein unabhängiges Repository mit einem vollständigen Verlauf aller Änderungen und der Möglichkeit, Versionen auch ohne Netzwerkzugriff oder einen zentralen Server zu verfolgen. GitHub ist ein in der Cloud gehostetes Git-Repository, das alle Funktionen der verteilten Revisionskontrolle bietet. GitHub ist ein Git-Repository, das in der Cloud gehostet wird. Im Gegensatz zu Git, einem CLI-Tool, verfügt GitHub über eine webbasierte grafische Benutzeroberfläche. Es wird zur Versionskontrolle verwendet, was die Zusammenarbeit mit anderen Entwicklern und die Verfolgung von Änderungen an Skripten und anderen umfasst

Wie speichere ich Bilibili-Videos lokal? So speichern Sie Videos lokal auf der PC-Version von Website b Wie speichere ich Bilibili-Videos lokal? So speichern Sie Videos lokal auf der PC-Version von Website b Mar 13, 2024 pm 10:25 PM

bilibili ist derzeit die beliebteste Video-Barrage-Website. Wenn sie ein Video sehen, an dem sie interessiert sind, entscheiden sich viele Benutzer dafür, es zwischenzuspeichern. Wie speichert Site B heruntergeladene Videos lokal zwischen? Tatsächlich ist die Methode nicht schwierig. Im Folgenden erkläre ich Ihnen, wie Sie Videos lokal auf der Computerversion von Site B zwischenspeichern. Wie kann ich heruntergeladene Videos auf Station B im lokalen Bereich zwischenspeichern? Geben Sie ibilibili in die Adressleiste des Browsers ein und drücken Sie dann die Eingabetaste. Eine Download-Seite wird angezeigt. Sie können mit der Maus über das Video fahren und „Speichern unter“ auswählen, um das Video lokal herunterzuladen. 2. Dasselbe gilt für das Hinzufügen von jj nach bilibili, um zu bilibilijj zu werden. Es gibt auch eine Download-Seite. 3. Schauen Sie sich die Einleitung und die Kommentare einiger UP-Besitzer oder anderer an

See all articles