HTML5 如何直接用文字设置视频字幕？

Question

例如，这是一个带有 track 的 video 标签。

<video src='some_video.mp4'>
    <track id='some_subtitle' kind='subtitles'>
</video>

我不想设置 track 标签的 src 属性，因为我只是在页面上编辑字幕。我尝试过

document.getElementById('some_subtitle').value = '1\n0.00 --> 5.00\nSubtitle';

但是不起作用。谁能告诉我这样做的正确方法是什么？

Answer 1

像这样：

video = document.getElementById('vid');
track = video.addTextTrack('captions');
track.mode = "showing";
track.addCue(new VTTCue(0, 5, 'Subtitle'));
track.addCue(new VTTCue(10, 15, 'Hi, cue!'));

等等。还有一个 removeCue 方法。

http://www.html5rocks.com/en/tutorials/track/basics/#toc-cues-js http://www.w3.org/TR/html5/embedded-content-0.html#text-track

HTML5 如何直接用文字设置视频字幕？

How to set HTML5 video subtitle directly by text?

html

html5-video

subtitle