問題タブ [webvtt]

これをChromeで機能させようとしています。

字幕用の webvtt ファイルを使用して、HTML5 ビデオを再生するページがあります。ある行を次の行の約 1 秒後に表示しようとしていますが、最初の行はそのままにしておきます。その後、それらを一緒に消滅させます。

ここに私が持っているものがあります:-

なんらかの理由で、最初の行がビデオの下部に表示されます....そして、2 番目の行がその上に表示されます。それは私が望むものではありません。

私も試してみました

しかし、両方の行が一緒に表示されています。

何か案は？

私は Youtube ビデオ サイトに取り組んでおり、次のようなインタラクティブなトランスクリプト機能を実装したいと考えています: http://demo.jwplayer.com/iframes/interactive-transcript/ (SRT および WebVTT 形式のビデオ トランスクリプトとキャプション ファイルがあります) . Youtube の機械による文字起こしは使用しません。）

私はオンラインで調査を行いました。これを実行できる無料のプラグイン/モジュールはないようです。Captionbox ( http://speakertext.com/captionbox ) 、3rdMedia、SubPly ( http://www.subply.com/en/Products/InterActiveTranscript.htm )などの有料オプションがいくつかあります。ところで: これは私が持っている最高のものですさまざまな言語のトランスクリプトをオンザフライでロードします)。私は主に単一のプロバイダーに依存したくないため、これらの有料オプションを使用することに消極的です.

誰かが私にもっと良い選択肢を教えてもらえますか?

ありがとうございました。

Bootstrap スタイルのサイトで JW Player を使用しており、ツールチップのサムネイルには .vtt ファイルが使用されています。JW Player がサムネイルの後ろに灰色の背景の丸い長方形を表示することを除いて、すべてがうまく機能します。ブートストラップ スタイルでは、サムネイルの背後の灰色の背景が狭すぎるため、サムネイルが右側の背景の上に張り付いてしまいます。Bootstrap 3 が "box-style: border-box" をユニバーサル セレクター *. Box-sizing を Bootstrap の代わりに content-box に変更すると (以下のコードのコメントを参照)、サムネイルの背景が修正されますが、もちろん、サイトの残りの部分が台無しになります。プレイヤーだけをターゲットにする方法があるかもしれませんが、わかりません。どんな助けでも感謝します。

webvtt 形式の字幕用のトラック要素を含む HTML5 ビデオがあります。iOS/iPhone/iPad で字幕の背後にある黒い背景を削除するにはどうすればよいですか? PC のブラウザーでは、CSS ::cue{background: transparent;} で削除できます。

手伝ってくれてありがとう

PHP を使用して WebVTT (.vtt) ファイルを読み取った経験のある人はいますか?

私は一連の vtt ファイルを読み込んで、開始時刻と関連テキストを取得する必要がある CakePHP でアプリケーションを開発しています。

ファイルの例として：

次のようなものを抽出できる必要があります。

改行がある可能性があるため、各タイムスタンプ間に行数が設定されていないことに注意してください。

私の計画は、各タイムスタンプ間の共通文字列である「-->」を検索することでした。これを達成するための最善の方法は誰にもありますか?

track 要素の使用を実験しようとしています。私のコードと.vttファイルは両方とも有効だと思います。ただし、ページを実行してもサブタイトルが表示されません (ローカルホストでも)。.vtt正しい MIME タイプでファイルを提供できるようにサーバーを構成する必要があることを読みました。Xampp をローカルで使用していますが、字幕を表示するにはどうすればよいですか。

Twinkle Twinkle Little Star という曲のビデオを参照するコードと WebVTT ファイルを次に示します。

Android アプリ デベロッパーの皆様

**ビデオと共にサブタイルとして Android プラットフォームで動作する .SRT ファイルを取得しました。しかし、会社には大量のビデオ用の .vtt ファイルがありますが、.srt はごくわずかです。.vtt は、iPhone 開発でサポートされています。

字幕用に Android で .vtt ファイルを再生できますか。Androidで動作する.SRTファイルがあります。

.vtt がサポートされていない場合は、すべての .vtt ファイルを .srt ファイルに変換する必要があります。**

どんな提案も高く評価され、反対票は投じられません。

前もって感謝します ：）