具有HTML5 <audio>元素的音频字幕

时间:2018-07-31 16:48:58

标签: html audio html5-video html5-audio webvtt

我想复制音频文件,以在播放音频时显示。我尝试了几种方法都无济于事:

<audio src="../audio/myaudio.mp3" controls> <track default srclang="en" kind="captions" label="English subtitles" src="sub.vtt"/> </audio>

.vtt文件的路径正确。 <track>元素应该是<video><audio>的子元素(请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track)。为什么我不能显示字幕?

我的.vtt文件包含类似

WEBVTT FILE

1
00:00:03.500 --> 00:00:05.000
D:vertical A:start First line

2
00:00:06.000 --> 00:00:09.000
A:start second line

等...

我也尝试过使用<video>元素:

<video style="background: black; width:360px; height:260px;" src="../audio/mayaudio.mp3" controls>
<track default srclang="en" kind="subtitles" label="English subtitles" src="sub.vtt"/>
</video>

仍然没有运气。我可以看到“ CC”按钮,也可以选择Elnglish字幕项目。音频会播放(即使我使用了<video>元素)也看不到任何字幕。将“字幕”替换为“字幕”没有帮助。

0 个答案:

没有答案