• HTML 5 多媒体元素(四)添加字幕


    使用track元素在使用video元素播放的视频或使用audio元素播放的音频中添加字幕、标题或章节等文字信息。

    track元素允许你沿着audio元素所使用的音频文件中的时间轴或video元素所使用的视频文件中的时间轴而指定时间同步的文字资源。在track元素中,使用内部包含了一系列时间标记的文本文件,这些时间标记可以包含诸如JSON或CSV之类格式的数据。

    track元素是一个空元素,其开始标签与结束标签之间并不包含任何内容,必须被书写在video元素或audio元素的开始标签与结束标签之间。如果使用source元素,则track元素必须被书写在source元素之后。

    <video src="test.mp4" controls>
        <track kind="subtitles" src="字幕文本" defalut></track>
    </video>

    1.track元素属性

      default:用于通知浏览器在用户没有选择使用其他字幕文件的时候可以使用这个track文件。

      src:用于指定字幕文件的存放路径。

      srclang:用于指定字幕文件的语音,其属性值必须是一个有效的BCP47语言。

      kind:用于指定字幕文件的种类,属性值为subtitles、captions、descriptions、chapters、metadata。

      subtitles:表示字幕为对视频或音频文件中的声音进行的翻译或结束。就是说,subtitles属性值用于用户听不懂的声音。video元素底部将显示针对这些对白所进行的同步翻译字幕。

      captions:表示字幕为对白,声音特效、相关音乐提示。

      description:表示字幕为对视频中的可视内容提供的一个声音描述,也就是说,该属性值通常用于用户看不见可视内容的场合。

     chapters:表示字幕为章节标题,所以通常被用在对视频文件或音频文件进行导航的时候。

     metadata:表示字幕为针对视频或音频提供的元数据内容,也就是说该属性值通常用于被JavaScript脚本语言所调用。

     track元素使用kind属性的时候,默认属性值为subtitles。(单一指定)

  • 相关阅读:
    3.1 history跳转页面产生跨域问题
    2021年6月7日 团队冲刺第二阶段04
    2021年6月6日 团队冲刺第二阶段03
    2021年6月5日 团队冲刺第二阶段02
    2021年6月4日 团队冲刺第二阶段01
    2021年6月3日
    2021年6月2日
    2021年6月1日
    2021年5月31日
    2021年5月30日
  • 原文地址:https://www.cnblogs.com/loadchow/p/6473919.html
Copyright © 2020-2023  润新知