我按照使用 GPAC 字幕的说明将 Webvtt 文件作为曲目导入 mp4 文件
,当我使用 GPAC 的 Osmo4 播放器时,我检查了字幕是否正确显示。
现在,我想通过 HTML5 视频标签播放带有字幕的视频,但似乎 HTML 媒体轨道元素需要 src 属性来指定 webvtt 文件的位置。
有没有办法播放嵌入的字幕?
我按照使用 GPAC 字幕的说明将 Webvtt 文件作为曲目导入 mp4 文件
,当我使用 GPAC 的 Osmo4 播放器时,我检查了字幕是否正确显示。
现在,我想通过 HTML5 视频标签播放带有字幕的视频,但似乎 HTML 媒体轨道元素需要 src 属性来指定 webvtt 文件的位置。
有没有办法播放嵌入的字幕?
不,HTML5 视频标签目前不支持内部字幕和音轨。
在 HTML5 Video Tag 中插入字幕的正确方法是:
<video width="640" height="480" controls>
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" />
</video>
现在可以使用 MP4Box.js 从 MP4 中即时提取字幕并在浏览器中播放它们。您应该检查这个演示,特别是音频/视频/WebVTT 示例。