0

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

 <div style="text-align:center;">
        <video width="720" height="360" controls>
            <source src="Files/testvideo_1.mp4" type="video/mp4">
            <track label="English" kind="subtitles" srclang="en" src="Files/testvideo_CC.xml" default >
            Your browser does not support the video tag.
        </video>
    </div>

ここで使用されるキャプション ファイルは 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ファイルを使用しています.すべてのブラウザでこれを使用する方法はありますか.

4

2 に答える 2

1

TTML と WebVTT はどちらも W3C の Timed Text Working Group (TTWG) によって標準化されており、その憲章には両方がリストされています。レコメンデーションにたどり着くには、どちらも Web フレンドリーである必要があります。TTML は 2010 年から推奨されており、WebVTT は順調に進んでおり、現在は最初のパブリック ワーキング ドラフトです。

今日では、より多くのブラウザーが WebVTT をある程度すぐにサポートしています。IE は歴史的に TTML をネイティブにサポートしてきましたが、BBC の iPlayer などの典型的な実装では、Javascript を使用して TTML を解析し、表示します。このアプローチは、WebVTT でも実行できます。ちなみに、Google Chromecast もネイティブで TTML を再生します。Exoplayer には、Android で TTML を再生するためのコードがいくつかあります。たとえば、github にはプレーヤー コードの例が他にもたくさんあります。

TTML (または TTML のプロファイル) は、YouView、CFF、HbbTV、DVB DASH、ARIB などのコネクテッド TV 仕様など、主にブラウザとして見られない実装でも広く使用されています。

于 2015-04-22T15:28:14.463 に答える