小编phl*_*phl的帖子

带有<track>的<audio>字幕,如何显示字幕

我正在尝试使用track标签添加语音音频文件的文本转录.视频标记的默认行为是显示它们(有效).默认情况下,音频标签似乎缺少某种"画布"(即使没有视频也会显示视频标签的黑色区域)以自动显示字幕.我可以使用视频标签,但它会感觉像一个丑陋的解决方法.我不想破坏我的代码的语义.

是否有某种CSS强制显示这些区域将显示subtile?

<audio controls>
  <source src="test.ogg" type="audio/ogg">
  <source src="test.mp3" type="audio/mpeg">
  <track kind="subtitles" label="English subtitles" src="/test.vtt" srclang="en" default></track>
  Your browser does not support the audio tag.
</audio>
Run Code Online (Sandbox Code Playgroud)

谢谢你的阅读.

css subtitle html5-audio

25
推荐指数
1
解决办法
4122
查看次数

标签 统计

css ×1

html5-audio ×1

subtitle ×1