シャカの字幕の文字サイズを変更するPlayer

Question

私はShakaプレーヤーを使用しようとしています。ここでは、プレーヤーのデモでhttps://shaka-player-demo.appspot.com/demo/と遊んでいます。私たちが持っている要件の1つは、ユーザーがクローズドキャプションのテキストサイズを変更できることです。デモでCCオプションを切り替えるオプションがありますが、表示されたテキストの変更に関連するものは見つかりませんでした。

this.player_オブジェクトをデバッグして、表示されている字幕テキストを調整できるものがあるかどうかを確認しましたが、何も見つかりませんでした。

これを行うためのAPIがありますか、これを行うことはできませんか？

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

Answer 1

Shakaが字幕を挿入したときに生成されるShadow DOM要素のスタイル（CSSを使用）を変更することで、外観を変更できます。あなたはこのような::cue pseudoelement使用されるだろう、あなたの場合は

：

::cue { 
    font-size: 12px; 
} 

は、ここで詳細を参照してください。https://w3c.github.io/webvtt/#styling（すべてではないが、実際に現在のブラウザでそこに実装されてもよい述べたことに注意してください）