集RTMP、HLS、FLV,、WebSocket 於一身的網頁直播/點播播放器方案EasyPlayer.js視頻播放界面快照和拉伸按鈕顯示多個的處理流程

背景分析

EasyPlayer幾乎涵蓋了開發者所需的所有平臺，尤爲是在web端的EasyPlayer.js，極大地方便了開發者在解決B/S型業務開發時遇到的播放器接入的問題，好比：不懂前端的js代碼、沒有公網服務器放置這些js腳本和網頁、微信對接入IP播放地址有限制等。

EasyPlayer.js適時地推出了一款很是優秀的工具頁面，集 rtmp, hls, flv, websocket 於一身的網頁直播/點播播放器, 使用簡單, 功能強大，不管是測試，仍是被集成，都很方便。

• 支持m3u8播放;
• 支持HTTP-FLV播放;
• 支持RTMP播放;
• 支持直播和點播播放;
• 支持播放器快照截圖;
• 支持點播多清晰度播放;
• 支持全屏或比例顯示;
• 自帶的flash支持極速和流暢模式;
• 自帶的flash支持HTTP-FLV播放;
• 自動檢測IE瀏覽器兼容播放。

EasyPlayer.js解決快照和拉伸按鈕顯示多個的問題

提出問題

最近在使用EasyPlayer.js過程當中，出現控制欄顯示多個快照、拉伸按鈕的問題。

分析問題
首先分析可見，谷歌瀏覽器的請求列表中視頻流延遲比較大。本身本地測試，訪問沒有問題，初步判斷網絡問題。
而後對比分析，發現快照和拉伸這兩個按鈕由於網絡緣由初始化屢次。

解決問題
咱們能夠經過在初始化按鈕的地方加一下判斷，判斷按鈕是否已經初始化了，一次避免屢次初始化現象形成的多個按鈕問題。