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

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

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

回答(7)

2016-10-17

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

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

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

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

xdsnet 2016-11-21

這樣的應(yīng)用會不會有段切換間的延遲、屏閃?

阿祥 2017-03-23

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

1575752446 2017-06-21

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

一筆荒蕪 2018-05-31

這個領(lǐng)域不太懂!! 還是坐等大佬吧...

1144100656 2018-05-31

剛學(xué)習(xí)程序,過來學(xué)習(xí)學(xué)習(xí)!!!!...

1152696398 2018-05-31

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

要回復(fù),請先登錄 或者注冊