問題タブ [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.

0 投票する
1 に答える
494 参照

php - SubRip-File-Parser ファイルのエンコードを検出できません

この srt から vtt へのコンバーターを機能させようとしていますが、試行時に「ファイルのエンコードを検出できません」と表示され続けます。これが私のコードです。

ファイルは正しくリンクされています。

GitHub delphiki/SubRip-File-Parser のfile-parser へのリンク

0 投票する
1 に答える
1665 参照

video - ライブ ストリーム用の WebVTT ファイル

ライブ ストリームのクローズド キャプションを実装しようとしています。

ビデオはソースから生成され、エンコーダーを介して m3u8 + ts ファイルに変換され、サーバーに入れられます。ビデオは、アダプティブ ストリーミングの 3 ビット レートです。

音声からテキストへのコンバーターは、音声の XML ファイルと、それが生成されたビデオ ストリームにバインドする UTC のタイムスタンプ (任意のタイム ゾーンに変更できます) を提供します。

WebVTT ファイルで XML データを使用することは可能ですか。私の理解では、WebVTT は、ビデオに表示される時刻 (hh:mm:sss.mmm 形式) のキャプションで構成されています。お気に入り

しかし、Livestream では、日付情報 (hh:mm:sss.mmm) を一緒に渡す必要がありますか? 時間だけでは目的を果たせず、時間が別の日に繰り返される可能性があり、混乱を招く可能性があります。

また、VOD の動画は継続時間が一定であるため、ライブ ストリーミングでの WebVTT の時刻情報と動画の時刻がどのように関連付けられているかを説明します。

何らかの技術を使用してライブ ストリームのクローズド キャプションを既に実装している場合は、情報を共有してください。

0 投票する
0 に答える
100 参照

html - webvtt ファイルの内容にスタイルが適用されない

webvtt ファイルの使用は初めてです。webvtt ファイルのコンテンツにスタイルを適用しようとしています。MDN Web サイトにある例を使用しています。これは私のコードがどのように見えるかです。

スタイルがテキストに適用されていることはまだわかりません。これには何か理由がありますか?私は何か見落としてますか?ティア。

0 投票する
1 に答える
553 参照

find - Notepad ++の数字で文字列を検索

字幕のタイミングで検索と置換アクションを実行しようとしています。すべてのタイミングに時間の桁を追加する必要があります。SRT ファイルは MM:SS:FFF ではなく HH:MM:SS:FFF を表示する必要あります。これらは WEBVTT ファイル用です。以下にタイミングの例を追加しました。

これは私のオリジナルのレイアウトです 00:08.853 --> 00:11.158

これは私が望むレイアウトです 00:00:08.853 --> 00:00:11.158

各タイミングの先頭に余分な 00 を追加したことに注意してください。

すべての 00:00.000 --> 00:00.000 の出現を見つけるために使用する必要がある式を誰でも手伝ってもらえますか?正確な数は変更されますが、レイアウトは同じままです。

私は次のことを試しましたが、結果は0オカレンスとして表示されます:

探す ??:??。???--> ??:??.???

00:??:??.??? を置き換えます --> 00:??:??.???

0 投票する
1 に答える
2403 参照

javascript - VTT (字幕) が外部 URL から機能しない

外部 URL から映画の字幕を再生しようとしていますが、機能しません。ローカルに保存されている vtt ファイルを追加しようとすると機能します。以下はコード <video id="video" controls preload="metadata"> <source src="video/sintel-short.mp4" type="video/mp4"> <track label="English" kind="subtitles" srclang="en" src="http://devcache.filmflexmovies.com/Test/Movies/2016/6/28/SDFEATUREMOVIE/Creed ENG.VTT" default> </video> です 上記のコードは機能しません。しかし、vtt の内容をコピーすると機能します。 <video id="video" controls preload="metadata"> <source src="video/sintel-short.mp4" type="video/mp4"> <track label="English" kind="subtitles" srclang="en" src="abc.VTT" default> </video> 助けてください。

0 投票する
1 に答える
1223 参照

http-live-streaming - Azure メディア サービスで、字幕付きのビデオを字幕付きの hls ストリーミングにエンコードする方法

mp4 ビデオとその vtt 字幕ファイルがある場合、このビデオを字幕を含む h264 マルチ ビットレート アダプティブ ストリーミングにエンコードするにはどうすればよいですか? エンコーディング プロセスにキャプション ファイルを含めるにはどうすればよいですか?

0 投票する
1 に答える
650 参照

android - WebVtt 字幕が表示されない (動作しない)

デモ プレーヤーと ExtractorRendererBuilder を使用して、正常に動作している URL からビデオをストリーミングしていますが、webVtt URL を渡すと字幕が表示されません。何が間違っていますか?

0 投票する
3 に答える
7468 参照

google-chrome - SubReal (.srt) に対する WEBVTT(.vtt) の利点は何ですか?

WEBVTT は HTML5 標準であるため、google-chrome は .srt をサポートしていないという結論に達しました。

今、私はこの決定の背後にある理由が何であるか疑問に思っています.

次の理由により、google-chrome も .srt をサポートしていたようです。

  1. .srt は広く使用されていました
  2. .srt と .vtt はほとんど違いがありません

WEBVTT で .srt を時代遅れにするより良いものはありますか?

0 投票する
1 に答える
8512 参照

live-streaming - HLSライブストリーミング字幕?

rtmp を使用してストリームをサーバーにブロードキャストし、HLS を使用してビデオをデバイスにストリーミングしています。字幕をリアルタイムで更新できる字幕プロトコルはありますか。たとえば、サーバーに字幕ファイルがあり、そのファイルに書き込み続けることができ、プレーヤーもそのファイルから読み続けることができます。

WebVTT が録画されたストリーミング ビデオで機能することは知っていますが、ライブ ストリーミング ビデオでも機能しますか? プレーヤーを webVTT ファイルにリンクして、書き込みを続けることで字幕を更新することはできますか?