2017-08-26 4 views
0

Ich versuche eine Dokumentation zu finden, wie HTML5 Video suchende API funktioniert, ich schreibe etwas Code und war überrascht zu finden, dass wenn ich einen Anruf zum Suchen eines Videos mache, eine weitere GET Anfrage an das Backend (welches ich rate macht Sinn), aber ich finde keine Dokumentation darüber, wie es die Informationen über die Anfrage an das Backend weitergibt, um es zu verarbeiten.Wie funktioniert die API für HTML5-Videosuche?

Irgendeine Idee, wo ich die Dokumente oder eine Erklärung lesen kann, wie es funktioniert?

+1

Suche nach HTTP-Bereichsanforderungen. – ivo

+0

Werden Chrome-Entwicklerwerkzeuge verwendet? Das funktioniert nur, wenn die Registerkarte "Netzwerk" geöffnet ist (ansonsten wie normal). Vielleicht passiert es zu Debugging-Zwecken? –

Antwort

1

Viele Webseiten verwenden tatsächlich einen Video-Player wie JWPlayer, Dash.js, BitMovin usw. zusammen mit dem HTML-Video-Tag, die das Bild komplizieren können, da sie ihre eigene Suchlogik oder Optimierungen haben können.

Für einfaches HTTP-Streaming lädt der Player das Video in Chunks mit HTTP-Bereichsanforderungen herunter, wie Ivo erwähnt.

Für komplexere Szenarien, in denen das Video mit einem Streaming-Protokoll wie HLS oder DASH gestreamt wird, wird das Video erneut in Blöcken heruntergeladen, die Blöcke werden jedoch als Teil der Streamingprotokoll-Implementierung angefordert.

Bei DASH und HLS handelt es sich um adaptive Streaming-Protokolle, die Versionen mit mehreren Bitraten für jeden Teil eines Videos zur Verfügung stellen, damit der Spieler den besten für die aktuellen Netzwerkbedingungen und die Geräteauflösung auswählen kann - sehen Sie hier, wie Sie das andere Bit sehen können Raten auf YouTube als Beispiel: https://stackoverflow.com/a/42365034/334402

Suchen ist eigentlich ein bisschen komplex, wenn Sie eine gute Benutzererfahrung bieten möchten.

Viele Player unterstützen einen vom Server bereitgestellten separaten Miniaturbild-Stream. Auf diese Weise kann der Player Miniaturansichten von Szenen von verschiedenen Punkten entlang der Timeline anzeigen. Hierbei handelt es sich im Wesentlichen um eine Reihe von Bildern aus dem Video in regelmäßigen Abständen, wodurch das Anzeigen eines Thumbnails wesentlich beschleunigt wird, da der Player nicht einen ganzen Videoabschnitt herunterladen und entschlüsseln muss, um den Punkt anzuzeigen, über den Sie sich in der Timeline befinden .

Wenn Sie auf diesen Punkt klicken, wird nur dieser Abschnitt des Videos angefordert und dekodiert und abgespielt.

Verwandte Themen