前端項目中祖搓，有個視頻能播放srt字幕并能循環(huán)復讀指定區(qū)間的功能要求，研究了下湖苞，思路如下：
1拯欧、web端關于視頻 都用框架video.js 還挺方便，直接給video 標簽初始化财骨，設置寬镐作、高、自動播放隆箩、縮略圖等该贾，并能監(jiān)聽播放，拖放....
2摘仅、將srt 字幕文件 進行讀取靶庙，并轉為對象數(shù)組
srt格式為：
轉化為對象數(shù)組：
[? ? ?{sn: "0", startTime: 0.89, endTime: 7.89, content: "For?me?traveling?isn't?about?visiting?the?major?areas,?taking?a?photo?and?crossing?it："},
? ? ?{sn: "1", startTime: 8.38, endTime: 14.85, content: "It's?about?understanding?and?immersing?yourself?in?a?different?culture"}
? ?]
3、監(jiān)聽timeupdate 函數(shù)，將轉為的字幕數(shù)組根據(jù)時間線 隨時播放出來六荒，將當前時間 player.currentTime() 和字幕初始時間 和 結束時間進行比較
實現(xiàn)為：
4护姆、復讀功能 ，還是監(jiān)聽timeupdate 當播放時間超過后掏击，重新設置播放時間為初始時間卵皂，實現(xiàn)反復播放
有需求，請互相討論 Q 1873893691
