集RTMP, HLS, FLV, WebSocket 於一身的網頁直播/點播播放器EasyPlayer.js如何實現RTMP視頻流截取快照


EasyPlayer是一款精煉、高效、穩定的流媒體播放器,分為RTSP版、RTMP版、Pro版和H5版四個版本,支持各種各樣的流媒體音視頻協議和文件的播放,在安防、互聯網、教育、錄播、IPTV等多個領域大放異彩,廣泛應用!

功能特點1.png

EasyPlayer幾乎涵蓋了開發者所需的全部平台,尤其是在web端的EasyPlayer.js,極大地方便了開發者在解決B/S型業務開發時遇到的播放器接入的問題,是一款集 rtmp, hls, flv, websocket 於一身的網頁直播/點播播放器, 使用簡單, 功能強大。不論是測試,還是被集成,都很方便!

20190923145715666.png

EasyPlayer.js如何實現rtmp視頻流截取快照?

分析問題:

2.png
播放m3u8視頻流和flv視頻流時,video.js實例化的是video標簽,而rtmp視頻流通過video.js實例化的是Object標簽。

解決問題:

通過百度發現rtmp視頻流通過video.js實例化后是一個Object標簽,不能通過canvas來繪制圖片。之前的通過獲取video標簽,然后通過canvas來繪制圖片這個辦法就行不通。

3.png

由於rtmp視頻流通過flash來播放,可以通過這個方法來獲取圖片流,然后再截圖是判斷播放流來調用不同的方法。

4.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM