easy-player-element.min.js使用示例及百度云盘下载

前端开发   发布日期:2023年05月23日   浏览次数:586

之前写过一篇文章关于EasyPlayer的文章,是因为在做移动端WEB直播播放器的时候了解到这个,之前一直用CKplayer,但是网上有一些示例,使用的是easy-player-element.min.js,但是所有人都是只贴了一些大家都能找得到的代码,但就没有人贴出easy-player-element.min.js的源代码或是下载链接,这样大家就算拿到示例也没办法进行调试。

今天就将easy-player-element.min.js文件分享出来,在页面最下方提供了百度云盘的分享下载链接,永久有效。

顺带着记录一些网上查询到的示例:

<script type="text/javascript" src="easy-player-element.min.js"></script>
<easy-player video-url="rtmp://live.19jp.com/live/hks" live="true" stretch="true"></easy-player>
<easy-player video-url="http://live.19jp.com/live/hks/playlist.m3u8" live="false" stretch="true"></easy-player>
<easy-player video-url="http://live.19jp.com/flv/hks.flv" live="true" stretch="true"></easy-player>
<easy-player video-url="ws://192.168.1.1:3000/play?stream=rtsp://username:password@192.168.1.1:5504/Streaming/Channels/102"></easy-player>

easy-player-element.min.js 属性

    video-url 视频流地址 String default ‘’
    video-title 视频右上角显示的标题 String default ‘’
    poster 视频封面图片 String default ‘’
    autoplay 自动播放 Boolean default true
    loop 是否循环播放 Boolean default false
    live 是否直播, 标识要不要显示进度条 Boolean default false
    alt 视频流地址没有指定情况下, 视频所在区域显示的文字, 相当于 html img 标签的 alt 属性 String default ‘无信号’
    muted 是否静音 Boolean default false
    aspect 视频显示区域的宽高比 String default ‘16:9’
    loading 指示加载状态, 支持 sync 修饰符
    fluent 流畅模式, Boolean default true
    stretch 是否拉伸, Boolean default false
    timeout m3u8 加载超时(秒) Number default 20
    show-custom-button 是否在工具栏显示自定义按钮(极速/流畅, 拉伸/标准), Boolean default true

easy-player-element.min.js 方法

   getCurrentTime 获取当前播放时间进度, 同步返回播放时间进度数据
   snap 外部 API 方式获取快照, 快照获取成功后, 触发 snapOutside Event

easy-player-element.min.js 事件

    message 触发通知消息, 参数: { type: ‘’, message: ‘’}
    ended 播放结束, 参数: 无
    timeupdate 进度更新, 参数: 当前时间进度
    pause 暂停, 参数: 当前时间进度
    play 播放, 参数: 当前时间进度,
    snapOutside 外部快照回调, 参数: 快照 Base64 数据
    snapInside 内部快照回调, 由控制栏快照按钮触发, 参数: 快照 Base64 数据

easy-player-element.min.js下载地址:

链接:https://pan.baidu.com/s/1PRyL_xgR7vYhac1odJP7nw

提取码:v9il

以上就是easy-player-element.min.js使用示例及百度云盘下载的详细内容,更多关于easy-player-element.min.js使用示例及百度云盘下载的资料请关注九品源码其它相关文章!