2017-08-26 18 views
0

私はHTML5ビデオシンクAPIの仕組みに関するドキュメントを探していますが、私はいくつかのコードを書いており、ビデオを探すためにコールすると、バックエンドに別のGETリクエストを送ります推測は意味をなさない)、しかし、処理されるバックエンドへの要求に関する情報をどのように渡すかに関するドキュメントは見つかりません。HTML5動画検索APIはどのように機能しますか?

どのように私はドキュメントを読むことができますか、それがどのように動作するのか説明?

+1

HTTP範囲要求を検索します。 – ivo

+0

これはChromeデベロッパーツールを使用していますか?これは 'network'タブが開いている場合にのみ有効です(それ以外の場合は正常に動作します)。たぶん、デバッグのために起こるでしょうか? –

答えて

1

多くのWebページでは、実際にJWPlayer、Dash.js、BitMovinなどのビデオプレーヤーをHTMLビデオタグと共に使用しています。これにより、ロジックや最適化を求めるときに画像が複雑になる可能性があります。

単純なHTTPストリーミングの場合、プレーヤーはIvoのようにHTTP範囲要求を使用してビデオをチャンクでダウンロードします。

ビデオがHLSやDASHなどのストリーミングプロトコルを使用してストリーミングされるより複雑なシナリオの場合、ビデオは再びチャンクでダウンロードされますが、ストリーミングプロトコルの実装の一部としてチャンクが要求されます。

DASHとHLSは、ビデオの各チャンクの複数のビットレートバージョンを提供するアダプティブストリーミングプロトコルであり、プレイヤーは現在のネットワーク状態やデバイスの解像度などに最適なものを選ぶことができます。 YouTubeの料金の例:https://stackoverflow.com/a/42365034/334402

シークエンシングは、優れたユーザーエクスペリエンスを提供したい場合は、実際には少し複雑です。

多くのプレイヤーは、サーバーが提供する別々のサムネイルストリームをサポートします。これにより、タイムラインに沿ったさまざまなポイントのシーンのサムネイルをプレイヤーが表示できます。これは本質的に一定の間隔でビデオからの画像のセットです。プレーヤーがタイムライン上にホバーオーバーしているポイントを表示するためにビデオ全体をダウンロードしてデコードする必要がないので、サムネイルを表示する方がずっと速くなります。

その時点で実際にクリックすると、ビデオのそのセクションを要求し、デコードして再生します。

関連する問題