本文目錄一覽：
如何提取在線播放的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-hant/n/294059.html
微信掃一掃 
支付寶掃一掃 