JS~jwPlayer为js预留的回调方法大总结
对于一个成功的产品,它是对外封闭的,但又是对外开放的,这句话并不矛盾,让我来说一下,说它对外封闭是因为它本身的代码不允许你去修改,而说它开放,是因为它为我们定义了很多API,或者叫回调方法,对于jwplayer来说,它为我们提供了很多js的回调方法(事件),它被包含在events属性上的.
应用场合
播放时记录当前视频的时间,播放完成时写入完成的时间,像这些功能,我们都可以通过事件回调的方法解决,即为events属性赋相应的值.
注意
测试时,jwplayer需要在正式网站上测试,而本地打开时,它的events属性是不启作用的
events 实例
var player = jwplayer("mediaplayer").setup({ flashplayer: "player.swf", file: 'http://localhost/222.mp4', autostart: "true", bufferlength: '20', width: '400', height: '400', image: '111.jpg', events: { onComplete: function () { console.log("播放结束!!!"); }, onVolume: function () { console.log("声音大小改变!!!"); }, onReady: function () { console.log("准备就绪!!!"); }, onPlay: function () { console.log("开始播放!!!"); }, onPause: function () { console.log("暂停!!!"); }, onBufferChange: function () { console.log("缓冲改变!!!"); }, onBufferFull: function () { console.log("视频缓冲完成!!!"); }, onError: function (obj) { console.log("播放器出错!!!" + obj.message); }, onFullscreen: function (obj) { if (obj.fullscreen) { console.log("全屏"); } else { console.log("非全屏"); } }, onMute: function (obj) { console.log("静音/取消静音") } } });
其它回调方法
player.onBufferChange(function () { alert("缓冲改变!!!"); }); player.onBufferFull(function () { alert("视频缓冲完成!!!"); }); player.onError(function (obj) { alert("播放器出错!!!" + obj.message); }) player.onFullscreen(function (obj) { if (obj.fullscreen) { alert("全屏"); } else { alert("非全屏"); } }); player.onMute(function (obj) { }) // obj. mute是否静音 player.onPlaylist(function (obj) { //视频列表载入完成 alert(obj.playlist[0]['file']); }); var callback = function () { alert("callback");};//定义一个回调方法 player.onPlaylistItem(callback) // 开始播放一个视频时触发obj.index为视频索引 player.onReady(callback) //准备就绪 player.onResize(callback) //obj.width obj.height 宽高 //进入播放时触发obj.oldstate 值:从BUFFERING PAUSE状态进入播放状态 player.onPlay(callback) //进入暂停obj.oldstate 值1:从PLAYING BUFFERING状态进入暂停 player.onPause(callback) player.onBuffer(callback) //进入加载obj.oldstate 值PLAYING, PAUSED or IDLE player.onIdle(callback) //进入空闲obj.oldstate 值PLAYING, PAUSED or BUFFERING. player.onComplete(callback) //结束播放 player.onVolume(callback) //obj.volume player.onPlay(function () { console.log(this.getPosition()); });
技巧
我们看到上面的player是它当前的jwplayer对象,有了这个对象,我们就可以在程序的其它位置调用jwplayer的相关回调方法了,如果你没有定义player对象,也可以通过索引
的方式去访问jwplayer实例,如jwplayer(0)表示第一个jwplayer对象.
相关截图
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示