App下載
話題 首頁 > JavaScript 教程 > JavaScript 教程話題列表 > 詳情

HTML5+JS連續(xù)播放分段視頻有沒有什么解決方案

精華
糯康 2016-10-17 01:56:56 瀏覽(8741) 回復(7) 贊(0)
視頻格式MP4或FLV大約3段,每段15分鐘左右。 需求: 1. 顯示出來的是總時間(45分鐘左右) 2. 能夠拖動滾動條(自動切到合適的視頻段)煩請各位給一個思路
javascript html html5

回答(7)

2016-10-17

給每一段視頻一個不顯示的 標簽,其 preload 屬性設置為 metadata。這樣的話不會加載整個視頻但是你能獲得每個視頻的長度。

這樣的話通過監(jiān)聽那幾個標簽的 durationchange 事件,你就知道總時間了。

然后無非就是做一個可以拖動的滾動條;拖動到某個部位之后,算一下處于那段視頻中間;把那段視頻對應的 顯示出來,并把 currentTime 設置到相應的時間,然后 play()。

播放時通過監(jiān)聽 timeupdate 事件來更新進度條的位置。通過監(jiān)聽 ended 事件來獲知一段視頻已經播放結束,應該加載下一段。

xdsnet 2016-11-21

這樣的應用會不會有段切換間的延遲、屏閃?

阿祥 2017-03-23

我現在也有這個需求,請問你之前的是怎么處理的?

1575752446 2017-06-21

我現在也有這個需求,請問您們之前的是怎么處理的?

一筆荒蕪 2018-05-31

這個領域不太懂!! 還是坐等大佬吧...

1144100656 2018-05-31

剛學習程序,過來學習學習!!!!...

1152696398 2018-05-31

有問題找度娘,大佬太少,問題不好解決!!!!!

要回復,請先登錄 或者注冊