本文目錄一覽：
如何提取在線播放的m3u8文件
1、打開QQ瀏覽器，點擊 「我的」。
2、點擊 「下載管理」，長按視頻名稱，當視頻左邊出現圓框鬆開即可。
3、點擊右下角「更多-詳情」。
4、點擊「打開文件所在目錄」。
5、進入到文件所在文件夾中，同樣長按選中。
6、點擊右下角「更多」。
7、點擊「M3U8轉MP4」。
8、轉換完成後，出現提示轉換成功。
javascript 如何獲取 m3u8文件 ts視頻流中的PTS的值
樓主可以看下MPEG-2的文檔，因為PTS那幾個位元組中間插入了1位maker_bit，所以還原時需要忽略掉。
優酷m3u8動態地址破解
只要配置好前面的encodeid、_url以及_vid就能正確輸出優酷m3u8正確的原始地址
vue使用videoJS播放m3u8視頻
由於項目中的視頻返回格式是m3u8，於是選擇較為成熟的video.js，這裡先貼上官網文檔地址
進入可以看到插件的API和使用指南，還包括angularJS、react等框架的使用方法，因為我們項目用的vue框架，這裡直接看vue的使用。
npm install –save-dev video.js
安裝成功後，在man.ts文件下引入對應的css樣式，並進行全局組件註冊
到這一步視頻就可以播放了，因為我們項目的視頻是m3u8格式，在設置sources的時候，type需要設置為 application/x-mpegURL ，目前使用已知支持的視頻格式有mp4、rtmp、flv還有目前正在使用的m3u8，其他格式需要各位看官自行搜索是否是否支持了。同時，options可設置的不僅僅是上面的內容，通過文檔可以查看其他設置， 。
我們項目里用到的是實時監控畫面，所以需要切換不同的監控點，下面對於切換視頻地址貼上簡單的示例。
到此，視頻地址的切換功能也完成了。因為是實時監控視頻，目前還有個問題還沒解決，當視頻播放到一定時間後，就會存在視頻載入問題，會造成視頻播放不夠流暢，這個問題還在研究中，解決後會繼續更新到這篇文章里。由於初次使用videoJS插件，還有很多功能不夠熟悉需要繼續研究，各位看官也可以直接在評論區進行交流。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/294059.html
微信掃一掃 
支付寶掃一掃 