H5 video視頻WebVTT字幕使用


H5 video視頻支持外掛字幕,字幕文件后綴名是.vtt,專門的web字幕格式

字幕插入也非常簡單,只需要在video標簽內使用track標簽

 

<body>
        <video controls>
          <source src="src/9A.mp4"  type="video/mp4">
          <track label="中文字幕"     kind="subtitles"    srclang="de" src="src/sing-song.vtt" default>
        </video>        
    </body>

 

sing-song.vtt文件格式如下

 

 

WEBVTT


00:00:00.001 --> 00:00:01.000
請把你的鍋

00:00:01.001 --> 00:00:03.500
帶回你的蝦

00:00:03.501 --> 00:00:07.000
請把你的微笑留下……

00:00:07.501 --> 00:00:10.000
請把你的鍋

00:00:10.001 --> 00:00:12.000
帶回你的蝦

00:00:12.001 --> 00:00:15.000
請把你的微笑留下

00:00:17.001 --> 00:00:19.000
我是Luna大魔王

00:00:21.001 --> 00:00:23.000
愛咋咋地~哼

 

 

 

字幕只需要自己添加時間和內容就可以了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM