2

VTT ファイルを介したプレビュー サムネイルツールチップに関する JWPlayer のドキュメントを見ると、ブラウザーは、ページの読み込み時に VTT ファイルで指定されたすべてのサムネイル イメージをダウンロードするように見えます。

ビデオの 1 秒ごとにサムネイルを提供したいのですが、ユーザーが関連する時点にカーソルを合わせているときにのみ、クライアント ブラウザーがサムネイル ファイルを読み込むようにしたいと考えています。(60 分間のビデオの場合、ブラウザーがページの読み込み時に 3600 枚の画像をダウンロードしなければならないのは意味がありません。)

これはどのように達成されますか？

4

1 に答える 1

0

あなたがリンクした記事 ( http://support.jwplayer.com/customer/portal/articles/1407439-adding-preview-thumbnails ) は、この質問をしてから更新されたに違いないと思います。私の投稿の時点で、JW Player は、ビデオの再生が開始されたときにのみロードされる単一のスプライトの使用をサポートしています (私の知る限り)。したがって、VTT ファイルは次のようになります。

WEBVTT

00:00.000 --> 00:05.000
/assets/thumbnails.jpg#xywh=0,0,160,90

00:05.000 --> 00:10.000
/assets/preview2.jpg#xywh=160,0,320,90

00:10.000 --> 00:15.000
/assets/preview3.jpg#xywh=0,90,160,180

00:15.000 --> 00:20.000
/assets/preview4.jpg#xywh=160,90,320,180

彼らが提供する例を除いて、同じファイルを使用したいのであまり良くありません（また、相対URIが好きではないようです）。私がしているのは、ffmpegに固定幅のn 秒ごとにサムネイルを生成させ、imagemagick のconvertwith +appendcommandでそれらを 1 つの画像に結合することです。次に、ビデオの長さ ( で決定できますffprobe) と個々のサムネイルの固定幅がわかれば、VTT ファイルを生成するのは簡単です。

これを入力した後、質問にタグが付けられていることがわかりますjwplayer6。バージョン 7 を使用しています。これが新しいバージョンにのみ適用される可能性は十分にあります。誰かが役に立つと思うかもしれない場合に備えて、とにかく投稿します。

編集: 他の一部の人々は、より詳細な説明とダウンロード用の再利用可能なコードを使用して、サムネイル スプライトを生成するための同様のアプローチを取っているようです。私の実装の詳細は多少異なりますが、全体的な考え方は基本的に同じです。チェックアウトする価値があります。

于 2015-09-23T00:15:51.870 に答える