CKplayer监听API-超酷的开源H5视频播放器

CKplayer监听API-超酷的开源H5视频播放器

1. 监听方式一：
   
2. <div class="video"></div>
   
3. <script>
   
4.         var videoObject = {
   
5.                 container: '.video', //容器的ID或className
   
6.                 volume:0.8,//默认音量为0.8
   
7.                 video:'temp.mp4'
   
8.         };
   
9.         var player=new ckplayer(videoObject);
   
10.         player.volume(function(num){
    
11.             console.log('音量修改成：'+num);
    
12.         });
    
13. </script>
    
14. 
    
15. 监听方式二：使用统一的监听函数addListener
    
16. <div class="video"></div>
    
17. <script>
    
18.         var videoObject = {
    
19.                 container: '.video', //容器的ID或className
    
20.                 volume:0.8,//默认音量为0.8
    
21.                 video:'temp.mp4'
    
22.         };
    
23.         var player=new ckplayer(videoObject);
    
24.         player.addListener('volume',function(num){
    
25.             console.log('音量修改成：'+num);
    
26.         });
    
27. </script>
    
28. 
    
29. 监听API列表
    
30. loadedMetaData//监听到元数据
    
31. 函数说明：player.loadedMetaData(function(obj){//监听元数据，obj为一个对象，包含视频的宽高，总时间等信息});   
    
32. 
    
33. play//监听播放
    
34. 函数说明：player.play(function(){//监听到播放});   
    
35. 
    
36. pause//监听暂停
    
37. 函数说明：player.pause(function(){//监听到暂停});   
    
38. 
    
39. muted//监听静音/取消静音
    
40. 函数说明：player.muted(function(bool){//bool=true，监听到静音，=false，监听到取消静音});
    
41. 
    
42. volume//监听音量改变
    
43. 函数说明：player.volume(function(num){//num=音量});   
    
44. 
    
45. duration//监听到视频总时间
    
46. 函数说明：player.duration(function(t){//t=当前视频总时间});   
    
47. 
    
48. time//监听播放时间
    
49. 函数说明：player.time(function(t){//t=当前播放时间});   
    
50. 
    
51. seek//监听跳转   
    
52. 函数说明：player.seek(function(obj){//obj['state']=跳转状态，有两个，分别是seeking和seekend，obj['time']=即将跳转的时间});   
    
53. 
    
54. buffer//监听跳转
    
55. 函数说明：player.buffer(function(state){//state=start是开启缓冲，end=缓冲结束});   
    
56. 
    
57. loop//监听是否循环
    
58. 函数说明：player.loop(function(bool){//bool=true，目前处于循环播放状态，=false，目前处于非循环播放状态});   
    
59. 
    
60. playback//监听倍速播放速度被修改了
    
61. 函数说明：player.playback(function(num){//num=当前倍速});   
    
62. 
    
63. playbackRate//监听倍速播放速度被修改了
    
64. 函数说明：player.playbackRate(function(num){//num=当前倍速});   
    
65. 
    
66. track//监听清晰度被修改了
    
67. 函数说明：player.track(function(obj){//obj=一个对象，切换的视频});   
    
68. 
    
69. fps//监听当前fps
    
70. 函数说明：player.fps(function(num){//num=fps});
    
71. 
    
72. ended//监听播放结束
    
73. 函数说明：player.ended(function(){//视频播放已结束});   
    
74. 
    
75. error//监听视频播放出错
    
76. 函数说明：player.error(function(obj){//监听到错误，obj=错误内容});   
    
77. 
    
78. full//监听全屏状态
    
79. 函数说明：player.full(function(bool){//bool=true，全屏状态，=false，普通状态});   
    
80. 
    
81. webFull//监听页面全屏状态
    
82. 函数说明：player.webFull(function(bool){//bool=true，页面全屏状态，=false，普通状态});   
    
83. 
    
84. theatre//监听剧场模式状态
    
85. 函数说明：player.theatre(function(bool){//bool=true，剧场模式，=false，普通状态});   
    
86. 
    
87. smallWindows//监听是否开启了小窗口   
    
88. 函数说明：player.smallWindows(function(bool){//bool=true，开启了小窗口模式，=false，普通状态});   
    
89. 
    
90. screenshot//监听截图
    
91. 函数说明：player.screenshot(function(obj){//obj=截图相关信息});   
    
92. 
    
93. backLive//监听到用户点击了“返回直播”按钮   
    
94. 函数说明：player.backLive(function(){//监听成功});   
    
95. 
    
96. zoom//监听视频缩放比例
    
97. 函数说明：player.zoom(function(num){//num=百分比});   
    
98. 
    
99. rotate//监听视频旋转角度
    
100. 函数说明：player.rotate(function(num){//num=放置角度});   
     
101. 
     
102. mouseActive//监听鼠标是否活跃，如果活跃状态，则控制栏显示
     
103. 函数说明：player.mouseActive(function(bool){//bool=true，活跃，=false，静止});   
     
104. 
     
105. visibilityState//监听页面当前是否获得焦点
     
106. 函数说明：player.visibilityState(function(state){//state=show，页面标签当前处于显示状态，=hidden，页面标签当前处理隐藏状态});

复制代码