阅读 133

H265网页播放器EasyPlayer.JS如何监听播放等相关事件回调?

EasyPlayer播放器是TSINGSEE青犀视频维护的一个RTSP播放器项目,EasyPlayer遵循了标准流媒体码流协议,进行实时播放以及码流录制,在数据流的播放速度以及画质的解码显示上均做了大量深度的优化。此外EasyPlayer支持多平台的客户端版本,方便直接使用或在此基础上进行二次开发,拓展性和灵活性极强。

有的客户在项目需要获取到EasyPLayer.JS的相关事件回调,在自己业务当中使用,本文分享下EasyPlayer.JS如何监听播放等相关事件回调。

1.当用户生成EasyPLayerJS播放器标签,需要加入ID用来获取播放器的DOM实例。

2.用播放器标签的ID获取video实例,获取到video后就可以监听video上的相关事件,详细事件可查询文档,文档地址:

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video。

var player = document.querySelector(‘#player video‘)

3.监听播放事件

player.addEventListener(‘play‘, (e)=>{

console.log(‘播放事件回调:‘, ‘play‘);

})

完整代码可参考以下:





    
        EasyPlayer
    
    
    
    
    
    



    

    


实现回调的预览如下:

EasyPlayer播放器功能全面,可动态的设置视频输出的显示比例,调整音量的输出大小,实时视频流量数据等,同时支持手动输入视频源和获取指定流媒体服务器的直播视频源的模式,欢迎大家关注和测试。

原文:https://www.cnblogs.com/TSINGSEE/p/15308008.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐