JS-监听播放器

#说明

监听指播放器状态以及状态值改变时触发相关函数。使用监听需要确保播放器已加载完成。

#示例

监听方式一：

<div class="video"></div>
<script>
	var videoObject = {
		container: '.video', //容器的ID或className
		volume:0.8,//默认音量为0.8
		video:'temp.mp4'
	};
	var player=new ckplayer(videoObject);
	player.volume(function(num){
	    console.log('音量修改成：'+num);
	});
</script>

观看示例视频

视频容器

监听方式二：使用统一的监听函数addListener

<div class="video"></div>
<script>
	var videoObject = {
		container: '.video', //容器的ID或className
		volume:0.8,//默认音量为0.8
		video:'temp.mp4'
	};
	var player=new ckplayer(videoObject);
	player.addListener('volume',function(num){
	    console.log('音量修改成：'+num);
	});
</script>

观看示例视频

视频容器

#监听API列表

loadedMetaData
功能说明：	监听到元数据
函数说明：	player.loadedMetaData(function(obj){//监听元数据，obj为一个对象，包含视频的宽高，总时间等信息});

play
功能说明：	监听播放
函数说明：	player.play(function(){//监听到播放});

pause
功能说明：	监听暂停
函数说明：	player.pause(function(){//监听到暂停});

muted
功能说明：	监听静音/取消静音
函数说明：	player.muted(function(bool){//bool=true，监听到静音，=false，监听到取消静音});

volume
功能说明：	监听音量改变
函数说明：	player.volume(function(num){//num=音量});

duration
功能说明：	监听到视频总时间
函数说明：	player.duration(function(t){//t=当前视频总时间});

time
功能说明：	监听播放时间
函数说明：	player.time(function(t){//t=当前播放时间});

seek
功能说明：	监听跳转
函数说明：	player.seek(function(obj){//obj['state']=跳转状态，有两个，分别是seeking和seekend，obj['time']=即将跳转的时间});

buffer
功能说明：	监听跳转
函数说明：	player.buffer(function(state){//state=start是开启缓冲，end=缓冲结束});

loop
功能说明：	监听是否循环
函数说明：	player.loop(function(bool){//bool=true，目前处于循环播放状态，=false，目前处于非循环播放状态});

playback
功能说明：	监听倍速播放速度被修改了
函数说明：	player.playback(function(num){//num=当前倍速});

playbackRate
功能说明：	监听倍速播放速度被修改了
函数说明：	player.playbackRate(function(num){//num=当前倍速});

track
功能说明：	监听清晰度被修改了
函数说明：	player.track(function(obj){//obj=一个对象，切换的视频});

fps
功能说明：	监听当前fps
函数说明：	player.fps(function(num){//num=fps});

ended
功能说明：	监听播放结束
函数说明：	player.ended(function(){//视频播放已结束});

error
功能说明：	监听视频播放出错
函数说明：	player.error(function(obj){//监听到错误，obj=错误内容});

full
功能说明：	监听全屏状态
函数说明：	player.full(function(bool){//bool=true，全屏状态，=false，普通状态});

webFull
功能说明：	监听页面全屏状态
函数说明：	player.webFull(function(bool){//bool=true，页面全屏状态，=false，普通状态});

theatre
功能说明：	监听剧场模式状态
函数说明：	player.theatre(function(bool){//bool=true，剧场模式，=false，普通状态});

smallWindows
功能说明：	监听是否开启了小窗口
函数说明：	player.smallWindows(function(bool){//bool=true，开启了小窗口模式，=false，普通状态});

screenshot
功能说明：	监听截图
函数说明：	player.screenshot(function(obj){//obj=截图相关信息});

backLive
功能说明：	监听到用户点击了“返回直播”按钮
函数说明：	player.backLive(function(){//监听成功});

zoom
功能说明：	监听视频缩放比例
函数说明：	player.zoom(function(num){//num=百分比});

rotate
功能说明：	监听视频旋转角度
函数说明：	player.rotate(function(num){//num=放置角度});

mouseActive
功能说明：	监听鼠标是否活跃，如果活跃状态，则控制栏显示
函数说明：	player.mouseActive(function(bool){//bool=true，活跃，=false，静止});

visibilityState
功能说明：	监听页面当前是否获得焦点
函数说明：	player.visibilityState(function(state){//state=show，页面标签当前处于显示状态，=hidden，页面标签当前处理隐藏状态});