問題タブ [webvtt]

動画要素にクローズド キャプションを統合しています

ここで使用されるキャプション ファイルは ttml タイプです。下のこのリンクによると、ttml および webvtt タイプのキャプション ファイルは両方とも html5 ビデオで動作します。

http://www.html5labs.com/prototypes/video-captioning/video-captioning/info

しかし、Internet Explorer では ttml 形式は機能していますが、webvtt は機能していません。Firefox と Chrome の場合、webvtt ファイルのみが機能し、ttml は機能しません。以下のリンクを参照してください。

http://www.html5labs.com/prototypes/video-captioning/video-captioning/info

私はttmlタイプのキャプションファイルしか持っていません.webのほとんどのチュートリアルではwebvttファイルを使用しています.すべてのブラウザでこれを使用する方法はありますか.

私のhtmlは次のようになります：

subs.vttは字幕ファイルです。

track要素に添付された字幕のサイズを変更するにはどうすればよいですか?

私はcssファイルを作成しようとしましたがtrack、idを指定しfont-sizeてcssで指定し、もちろんcssをhtmlにリンクしましたが、サイズは変わりませんでした。

また、 .vttファイル自体の中でスタイリングを試みました。

そしてそれはサイズを変えませんでした。

オンラインで見つけた次のようなことも試しました。

そしてcssで：

しかし、これもサイズを変更しませんでした。

私は.vttファイルに触れない方法を好みます。

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

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

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

まず、私の Firefox は、私がテストしたすべてのオンライン html5 ビデオ サンプルの webvtt 字幕を再生できます。

127.0.0.1:20001 というメディア サーバーがあり、メディア パスは http://127.0.0.1:20001/file/abc.mp4です。

webvtt パスは http://127.0.0.1/20001/file/abc.vttです。

私のテスト用htmlは次のようなものです。

私の Firefox は、ビデオと一緒に vtt ファイルを要求しました。コンソールログから、それは次のようなものです、

上記の応答本文には改行がないことに注意してください (ファイルには改行がありましたが、Firefox コンソールの表示が改行を無視している可能性があります)。

Linux の私の Chrome は、ビデオと字幕を正常に再生できます。

Firefox は、字幕なしでビデオのみを再生します。また、コンソールには警告やエラーは表示されませんでした。

私の場合、Firefox で何も表示されない理由を知るにはどうすればよいですか? デバッグログなどを確認するためのヒントや手順は非常に役立ちます。

ありがとう。

<track>次のようなwebvtt 要素を使用して、オーディオ録音の字幕を表示しようとしています。

div次のスクリプトを使用してディスプレイに入力します。

それでも、firefox でトラックを調べると、キュー オブジェクトがありますが、空です。

確認mime-typeしたところ、サーバーで正しく構成されています。読み込まれない原因は何ですか?

クロムで試している字幕.vttファイルが読み込まれない理由がわかりません。

vtt ファイルは正しく、パスも正しいです。
ネットワーク セクションでは、ビデオのみがロードされ、vtt ファイルについては何もロードされません。トラックを使用するにはダウンロードが必要ですか?

webvtt ファイルを読み込んでいます。正常に動作しますが、IE11 にはキューがありません。

コード内:

Chrome では 2 つのキューがあることがわかりますが、IE11 では 0 と表示されます

すべてがロードされた後でも、これをコンソールに入れます：

私はまだIEで0を取得し、Chromeで2を取得します

何か不足していますか？

更新 1:

少しリファクタリングを行った後、コンソールに次のエラーが表示されました: MEDIA12604: テキスト トラック: 不明な MIME タイプ。hr=8007000b.

そして、この投稿を見つけました: WinJS ビデオ要素の HTTP 字幕

これはサーバーの問題かもしれないと思います。

更新 2:

MEDIA12604: テキスト トラック: MIME タイプが不明です。hr=8007000b. ソートされていますが、トラック キューがまだ IE にロードされていません。

HTML5 の動画を字幕付きで表示したい。たとえば、htmlファイル（Chrome用、Playr付き）がある場合、これを使用します

できます。

しかし、見せたい動画がたくさんあるので、一つのPHPファイルで動画表示ページとして一貫して制御したい。したがって、Joomlaの記事ではこれを行います（例、説明するため）

PHP ファイルは POST 変数 ($video、$suben、$subel など) を受け取るだけで、最初に記述したコードと同じ html を返します。

したがって、Chrome のページのソースでは、すべてが意図したとおりになり、すべてのコードが正しく、すべてのファイルが適切に参照されます。しかし、字幕が表示されません。

playr.cssPlayr パケットには、説明が見つからないため使用しない json ファイルがあることに注意してくださいplayr.js。助けていただければ幸いです。