問題タブ [webvtt]

Wp8 c# に mp4+vtt 字幕ビデオ プレーヤー プロジェクトがあります。私は Microsoft.PlayerFramework.MediaPlayer と WebVTTPlugin を見て、完璧に動作します: https://playerframework.codeplex.com/wikipage?title=Closed%20Captions%3a%20WebVTT im このコードを使用して完璧に動作します。しかし、私のプロジェクトの .vtt キャプション ファイルには "," 小数点区切り記号が含まれています。これは、アプリがクラッシュしたことを意味します。分離ストレージを保存します。処理しますが、分離ストレージにはURIがないため、キャプションソースを分離ストレージに設定できません。私はうまく言えないことを知っています、私は例でそれを言います:

私のキャプション: ( http://dizilab.com/captions/chuck/sezon-1/tr/2.vtt?v=5.2 )

1 00:00:06,600 --> 00:00:10,900 メルハバ。Benim adım Charles Bartowski, ama bana Chuck diyebilirsiniz.

2 00:00:11,323 --> 00:00:12,711 Bunlar benim ayakkabılarim.

3 00:00:12,771 --> 00:00:14,209 ブ ダ ベニム ハヤティム。

4 00:00:14,249 --> 00:00:19,042 Casuslar, araba takipleri, bilgisayar çalan ninjalar ve günü kurtaran ben.

その本当のキャプションは次のとおりです。

WEBVTT FILE 1 00:00:06.600 --> 00:00:10.900 マーハバ。Benim adım Charles Bartowski, ama bana Chuck diyebilirsiniz.

2 00:00:11.323 --> 00:00:12.711 Bunlar benim ayakkabılarim.

3 00:00:12.771 --> 00:00:14.209 Bu da benim hayatım.

4 00:00:14.249 --> 00:00:19.042 Casuslar, araba takipleri, bilgisayar çalan ninjalar ve günü kurtaran ben.

そしてそれはコードです：

追加: 他のネイティブ アプリでは正しく動作するようです。Webブラウザのみで壊れました。(つまり、Chrome、モバイル Safari)

アダプティブ ストリーミングの提供には HLS (=.m3u8) を使用し、字幕には WebVTT を使用することを検討しています。しかし、iOS 8.x デバイスで Mobile Safari で再生すると、英語以外の一部の文字がたまたま壊れていることがわかりました。iOS 7 デバイスで問題なく動作します。

Apple からホストされている公式のサンプル ビデオ (.m3u8) Web ページは次のとおりです: https://developer.apple.com/streaming/examples/advanced-stream.html

これを iOS 7.x デバイスと iOS 8.x デバイスの両方にロードする場合、日本語字幕を選択すると、iOS 8.x では壊れた文字が表示されます (7.x 以下では問題ありません)。

避けるべきアイデアはありますか？iOS シミュレーター (7.1、8.1、8.2 ベータ 4) および iOS デバイス (8.0.2、8.1.2) でこれをテストしました。

<track> 要素と WebVTT によるクローズド キャプションをサポートする標準の HTML5 ビデオ プレーヤーを構築しようとしています。このプレーヤーの私の目標は、カスタム コントロール UI を構築する必要はなく、ブラウザー/デバイスによって提供される既定のコントロールに依存することです。

クローズド キャプションに関する FCC 規制に準拠するために、キャプションの書式設定オプション (色、サイズ、不透明度など) を含むメニューも作成しています。含めたいオプションの 1 つは、キャプションのオンとオフの切り替えです。デフォルトのコントロールに CC ボタンが存在しない Firefox のようなブラウザで特に役立ちます。

理解できないように見える1つの問題を除いて、すべてが正常に機能しています。カスタム トグルを使用してキャプションをオンまたはオフにすると、デフォルトのビデオ コントロールの CC ボタンもトグルします。ただし、これを逆に機能させることはできません。

ビデオ textTracks の表示/非表示/無効モードを確認し、それに応じてカスタム トグルを更新できるように、デフォルトの CC ボタンが押されたときにトリガーされる何らかのイベントを探しています。そのようなイベントは存在しますか？デフォルトのコントロールから CC ボタンだけを削除し、残りは残したままにする方法はありますか? この 1 つの問題のためだけに、プレーヤー用に完全にカスタムの UI を構築する必要はありません。

編集 1: 例として jsFiddle を次に示します。

http://jsfiddle.net/6z5e37h6/

ご覧のとおり (Chrome で表示)、キャプションの「オン」ラジオ ボタンを選択すると、キャプションがオンになり、デフォルト コントロールのデフォルトの CC ボタンがアクティブになります (不透明になります)。私が探しているのは、現在の状態を反映するようにラジオ ボタンを自動的に更新できるように、ユーザーがデフォルトの CC ボタンをクリックしたことを知る方法です。

特に実行する予定の他のすべてのスクリプトでは、この状態を確認するために一定の間隔で常に実行することは望ましくありません。新しいキャプションが表示されたときの「oncuechange」イベントがあることは知っていますが、値を更新するために数秒待たなければならないのではなく、すぐに確認するより良い方法があるかどうか疑問に思っていました.

Lynda.com のようにビデオ キャプションを実装しようとしています。

キャプションはプレーヤーと共に実行され、プレーヤーの下の HTML ブロックでも実行されます。私は自分のビデオに JWPlayer を使用しており、それをプレーヤー内に統合する方法を知っています。私の質問は、ビデオ プレーヤーの下に完全なトランスクリプトを表示し、プレーヤーがビデオを実行している間にライブ ハイライトを行うにはどうすればよいですか? 私はWebVTTを使用しています

Latin 1 補足文字 (2 バイト範囲 0080 ～ 00FF) を含む Webvtt / smptett ファイルで指定された文字列を渡す際に問題に直面しています。CIではそれらを符号なし文字として保存しています。文字列を印刷しようとすると、そのような文字の16進値を取得しています。例: 気持ちがファックスとして印刷されている

文字列を文字列に変換するためにNewStringUTFを使用しているcppを介してJavaレイヤーに渡しているのと同じ文字列。しかし、私はこのエラーを受け取ります: - JNI DETECTED ERROR IN APPLICATION: input is not valid Modified UTF-8: illegal continuation byte 0x6e. このエラーは、ロリポップ バージョンで特別に発生します。以前のバージョンでは、この文字は画面にジャンク値として出力されていました。Android のバグとして既に報告されていますが、4 バイトの Unicode 文字で次のエラーが発生することが報告されています。誰かがこれに関する提案をしてください。私は本当にこの問題で立ち往生しています...

現在、字幕付きの映画を再生しようとしています。TTML 形式が必要です。このページの例を使用しています: https://msdn.microsoft.com/en-us/library/ie/jj152136%28v=vs.85%29.aspx

TTML:

垂直:

私のプレーヤーコードは次のとおりです。

VTT 形式 (.vtt ファイル、text/vtt mimetype) を使用すると、Chrome は字幕を使用して期待どおりに表示できます。ただし、TTML 形式 (.xml ファイル、text/vtt mimetype) を使用すると、クリックしてキャプションを有効にすると、Chrome と Opera で CC ボタンが削除され、字幕が表示されません。

MIME タイプを調整しようとしましたが、「リソースは TextTrack として解釈されましたが、MIME タイプ text/xml で転送されました」というエラーが頻繁に発生しました (application/xml+ttml などを試しました)。

私の目標は、VTT ファイルと同じように TTML ファイルで字幕を再生することです。

ウェブサイトで JWPlayer を使用していますが、それにトランスクリプトのキャプションを追加する必要があります。

通常の HTML コードに基づいてサンプル アプリケーションを作成できません。さまざまなチュートリアルを実行しましたが、何もうまくいきませんでした:

まさに、このタイプの UI と機能を実現したいと考えています。

どんなガイダンスも役に立ちます。