one-player
基于hls的播放器
one-player
Install
$ yarn add one-player
Usage
const player = container: document autoPlay: true canFull: false live: true reloadOnReplayInLiveMode: false hls: class: Hls debug: false quality: name: '自动' url: 'https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8' name: '超清' url: 'http://dm8ibvx3p1j22.cloudfront.net/stream/live/WeLive-Ext-OL_13197510_9_159540/vod/play_1526793041741f.m3u8' name: '标清' url: 'http://dm8ibvx3p1j22.cloudfront.net/stream/live/WeLive-Ext-OL_13197510_9_159540/vod/play_1526793041741e.m3u8' cover: 'http://s3.cn-north-1.amazonaws.com.cn/wlmedia/qa/live/WeLive-DEV_39070_109206_113374/picture/live_cover.jpg'playerplayerplayer
Config
完整查看src/js/events.js
Events
事件监听返回的evt是一个标准的CustomEvent对象
player.on(OnePlayer.EVENTS.VOLUME_CHANGE, (evt) => {
console.log(evt, evt.detail)
})
同时支持video events, hls events和以下自定义事件
完整查看src/js/events.js
{
FULLSCREEN_CHANGE: 'iggfeFullscreenChange',
VOLUME_CHANGE: 'iggfeVolumeChange',
...
}
API
完整查看src/js/player.js
load
player // 直接加载视频地址player // 加载quality[3].url
switch
destroy
player
Plugin
write
Plugin { superplayer thisopt = opt this } { let container = thisplayertemplatecontrolBar let item = document itemclassList iteminnerHTML = `` item container }
use
OnePlayer