欢迎您来到,李雷博客 | PHP博客        登录  |  注册

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

更新:2021-01-23 13:48:14
人气:3984
来源:本站原创
A+

之前写过一篇文章关于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.mdaima.com/live/hks" live="true" stretch="true"></easy-player>
<easy-player video-url="http://live.mdaima.com/live/hks/playlist.m3u8" live="false" stretch="true"></easy-player>
<easy-player video-url="http://live.mdaima.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

推荐的文章
# 发表我的评论
  /     /  
# 最近评论
$("#player").html('<easy-player video-url="'+url+'" live="true" aspect="16:9" debug="true" isresolution="true" resolution="yh,fhd,hd,sd" resolutiondefault="yh" alt="<?=$var_app_limit?>"></easy-player>');


  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2024 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4