資訊專欄INFORMATION COLUMN
摘要：?jiǎn)栴}單頁面應(yīng)用，用戶使用打開過一個(gè)視頻后，即使銷毀了，甚至播放頁面都關(guān)閉的情況下，微信瀏覽器仍然會(huì)在后臺(tái)繼續(xù)加載視頻，這會(huì)浪費(fèi)很多流量。
問題
單頁面應(yīng)用，用戶使用wifi打開過一個(gè)視頻后，即使銷毀了video，甚至播放頁面都關(guān)閉的情況下，微信瀏覽器仍然會(huì)在后臺(tái)繼續(xù)加載視頻，這會(huì)浪費(fèi)很多流量。
最開始以為使用銷毀vidoe標(biāo)簽后，視頻即會(huì)停止加載，事實(shí)上在大部分瀏覽器上確實(shí)如此，但是微信內(nèi)置瀏覽器在這方面表現(xiàn)不一致。
在使用流量的情況下，退出播放頁面后視頻確實(shí)停止加載了，但是在wifi下，視頻會(huì)在后臺(tái)繼續(xù)下載，除非退出當(dāng)前單頁面應(yīng)用。
1、最開始在組件 destroy 的 hook 時(shí)，dispose videojs 實(shí)例，無效，視頻繼續(xù)后臺(tái)下載。
2、后來想讓videojs 加載一個(gè)空的視頻資源地址欺騙微信瀏覽器，videojs.src("")，無效，視頻還是會(huì)繼續(xù)加載。
3、 空的字符串不生效，加載一個(gè)無效的視頻資源地址，再銷毀videojs實(shí)例，成功解決視頻后臺(tái)下載的問題。
主要代碼如下:
destroyed() {
// 組件銷毀時(shí),用一個(gè)假的播放視頻地址,欺騙微信瀏覽器,使其加載其他的視頻,不繼續(xù)加載我們的視頻同時(shí)銷毀videojs
this.player.src({
src: "http://124.160.184.108/live/5/45/3bfabc1fe16a4282b50ea095928c1f60.m3u8",
type: "application/x-mpegURL",
withCredentials: false
})
setTimeout(()=>{
this.player.dispose()
},1500)
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92219.html
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 2154·2021-10-12 10:11
閱讀 851·2021-10-09 09:41
閱讀 3773·2021-09-09 11:37
閱讀 1950·2021-09-08 10:41
閱讀 2647·2019-08-30 12:58
閱讀 2376·2019-08-30 10:58
閱讀 1286·2019-08-26 13:40
閱讀 4123·2019-08-26 13:36
