要为音频添加字幕,可以使用HTML中的<track>
元素。这是一个空元素,它可以在<audio>
元素内部使用,并根据需要定义多个<track>
元素。以下是一个基本示例:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<track kind="subtitles" src="subtitles.vtt" srclang="en">
</audio>
在上面的示例中,我们为音频添加了一个字幕轨道,其kind
属性值为subtitles
,src
属性指向字幕文件的URL,srclang
属性指定字幕的语言。字幕文件可以是WebVTT格式,以.vtt
文件扩展名结尾。
在字幕文件中,您可以使用WebVTT格式来定义字幕文本和显示时间。以下是一个示例:
WEBVTT
00:00:05.000 --> 00:00:10.000
This is the first subtitle.
00:00:12.000 --> 00:00:17.000
This is the second subtitle.
在上面的示例中,我们定义了两个字幕文本和它们应该显示的时间范围。时间格式为hh:mm:ss.mmm
,其中mmm
表示毫秒。
通过这种方式,您可以为音频添加字幕并改善用户体验,使您的内容更易于访问和理解。
更多关于HTML中<track>
元素的信息,请参阅MDN文档。