問題タブ [webvtt]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
database - vtt ファイルを自動的に生成する
vtt ファイルを自動的に生成するにはどうすればよいですか。video_table
データベースから各章の開始時刻と終了時刻を取得しvtt
て手動ではなく生成するにはどうすればよいですか。
助けていただければ幸いです。
webvtt - 終了時間が無期限の VTTCue
VTTCues を使用して、ライブで起こっていることのタイトルを示すテキスト トラックを作成しています。生演奏のため、キュー開始時点では終了時刻はわかりません。私は次のことを試しました:
これはうまくいきません。 null
にキャストされ0
ます。
Infinity は非有限 double ではないため、これはエラーをスローします。
キューが作成されたら、後でその終了時間を更新し、次のキューを追加する必要があります。
これを行う適切な方法は何ですか?
javascript - Video.js を使用して VTT チャプター トラックからキューを取得する
Video.js オブジェクトにロードされたチャプター ファイルからキューを取得したいと考えています。トラックを取得する方法はすでに見つけましたが、id
アクセスするにはトラックが必要です。
id
Video.js 5.14.0 ライブラリで が定義されている場所を見つけました。
id
関数にオブジェクトを渡すことで、独自に定義できるようです。
次のようにチャプター トラックをロードします。
トラック ファイルを動的に追加できることを読みましたが、Video.js オブジェクトをリロードする必要があります。
javascript - ::cue 疑似要素を検出するか、ブラウザで ::cue がサポートされていない場合に何かを実行する
上は、キャプション トラックを含む、私のページの HTML5 ビデオ セグメントです。
私はこのCSSを持っています
Chrome、Opera、および Safari では、この CSS はブラウザーが表示するデフォルトのキャプションを非表示にし、その後、キャプションがプログラムによって表示されます。
Firefox と IE は現在、疑似要素をサポートしていないため、::cue
これらのブラウザーに対してプログラムで表示しているキャプションを非表示にできるようにする必要があります。
私の最初のアイデアは、ブラウザーが疑似要素をサポートしていない場合にコードを実行する (キャプションを非表示にする) ことですが::cue
、これは JavaScript でも SASS でも実現できませんでした。
::cue
ブラウザーが疑似要素をサポートしていないことを検出するにはどうすればよいですか?
audio - ポッドキャストのオーディオ ストリームにスクリプト/テキストを含めることはできますか?
ポッドキャストのオーディオ ストリームにスクリプト/テキストを含めることはできますか?
オーディオとタイムテキストのファイル形式と、これらの形式がプレーヤー (Android/iPhone/デスクトップ) でどの程度サポートされているかについて興味があります。
私が見つけた:
しかし、これまたは他の可能な時間付きテキスト形式をオーディオストリーミングでどのように使用できるかわかりません。
私のユースケースは、言語学習ポッドキャストを作成し、スクリプトをオーディオ ファイルに埋め込むことです。
テキストと音声を提供するためにビデオ コンテナーを使用する必要がありますか?
RSS/Atom フィードで MP4/AVI/MPEG コンテナへのリンクをポッドキャストに提供するのは普通ですか? ポッドキャスト プレーヤーはコンテナ形式を理解していますか?
html - 動画の下に HTML5 動画 CC を移動することはできますか?
クライアントは字幕をビデオの邪魔にならないようにしたいので、ビデオの下に字幕を付けたいと考えています。キャプションには vtt ファイルを使用しています。これはCSSで行うことができますか?多分vttファイルのいくつかの設定?
javascript - Javascript を使用して .srt を .webvtt に変換する
HTML5ビデオはタグの.srtをサポートしていないため、.srtを.WebVttに変換するクライアント側の方法を探してい<track>
ます。これまでのところ、サーバー側のソリューションしか知りませんでした。よろしくお願いします