在 Shaka Player 中更改字幕的文本大小

Question

我们正在寻求使用 Shaka 播放器，我已经在此处试用了该播放器的演示：https://shaka-player-demo.appspot.com/demo/。我们的要求之一是让用户能够更改隐藏式字幕的文本大小。我看到我们有一个选项可以在演示中切换 CC 选项，但找不到与修改显示文本相关的任何内容。

我确实调试了 this.player_ 对象以查看是否有任何可用于调整显示的字幕文本的内容，但找不到任何内容。

有没有 API 可以做到这一点，或者不可能做到这一点？

感谢您的帮助！

Answer 1

您可以通过更改样式来更改外观 - 使用 CSS - 在 Shaka 注入字幕时生成的 Shadow DOM 元素。

在您的情况下，您将像这样使用 ::cue 伪元素：

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

在此处查看更多信息：https://w3c.github.io/webvtt/#styling（请注意，并非所有提及的内容都可能在当前浏览器中实际实现）

在 Shaka Player 中更改字幕的文本大小

Changing the text size for subtitles in Shaka Player

javascript

css

subtitle

mpeg-dash