需求分析
一般對於一個播放器,應該支持如下幾種顯示模式:
- 等比例,最大化區域顯示,不裁剪
- 等比例,最大區域顯示,裁剪
- 拉伸顯示,鋪滿全屏
要實現這幾種顯示模式。其實只要對播放控件的布局進行些許調整即可。
那EasyPlayer是怎么實現的呢?
EasyPlayer是一款流媒體播放器系列項目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多種流媒體協議播放、 支持本地文件播放,支持本地抓拍、本地錄像、播放旋轉、多屏播放、倍數播放等多種功能特性,核心基於ffmpeg,穩定、高效、可靠、可控。
隨着多年不斷的發展和迭代,不斷基於成功的實踐經驗,發展出包括有: EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三個平台,同時EasyPlayer.js還支持Linux平台。
EasyPlayer.js如何實現倍速播放?
分析問題
H5中video標簽支持倍速播放。Video.js 是一個通用的在網頁上嵌入視頻播放器的 JS 庫,Video.js 自動檢測瀏覽器對 HTML5 的支持情況,如果不支持 HTML5 則自動使用 Flash 播放器。Video.js實例化video時添加屬性。
解決問題
在video.js實例化video標簽時添加playbackRates此屬性就可以實現倍速播放。