美文网首页
超级播放器直播、点播vue-super-player

超级播放器直播、点播vue-super-player

作者: Jabo | 来源:发表于2020-09-01 18:07 被阅读0次

介绍

   你是否有这样的困扰,要找个可以满足直播、点播的,要满足移动端、PC端等多端设备需求的,要稳定而简单易用的播放器。来了它就是vue-super-player 一款基于vue框架,集合了百度播放、ck播放、阿里云播放器、腾讯播放器的超级播放器,满足多场景需求等,让你轻轻松松搞定烦人的播放器困扰。

安装

npm  intall vue-super-player -save

参数【props】

1、live 【默认true】:直播模式
2、source【默认空】:视频源,可以后面初始化API中传入
3、h5player【默认'bd'】: h5默认播放器 // 可选:ali、ck、tc、bd
4、flashplayer 【默认'bd'】: flash默认播放器 // 可选:ali、ck、tc、bd
5、loop 【默认 false】: 循环播放,点播有效
6、autoplay【默认true】:自动播放
7、poster【默认空】:预览图

API

1、loadPlayer(url) // 加载播放器,url权重高于props中的source
2、play() // 播放API,ck直播模式不支持 【1.0.1+】
3、pause() // 暂停API,ck直播模式不支持 【1.0.1+】
4、setMute() // 静音API,true : 关闭声音;false : 打开声音,ck直播模式不支持 【1.0.1+】
5、setFullscreen() // 全屏API,true : 全屏;false : 非全屏 ,ck直播模式不支持 【1.0.1+】
6、getStatus() // 返回播放器状态,不同播放器返回参数存在差异 【1.0.2+】
7、getDuration() // 返回播放时长,对点播有用,不同播放器返回参数存在差异 【1.0.2+】
8、setSeek(time) // 设置目标播放时间,对点播有用【1.0.2+】
9、getFullscreen // 获取全屏状态:仅bd、ali支持【1.0.4+】

详情

vue-super-player

总结 【喜欢您就收藏分享或来搞哈!】

相关文章

  • 超级播放器直播、点播vue-super-player

    介绍    你是否有这样的困扰,要找个可以满足直播、点播的,要满足移动端、PC端等多端设备需求的,要稳定而简单易用...

  • Vue2-接入H5直播点播播放器(flv\mp4)

    简单介绍两个可以在H5上播放视频流的播放器 一、LivePlayer H5直播|点播播放器 H5直播/点播播放器,...

  • Java + jQuery 实现阿里云点播

    阿里云播放器直接在线点播视频以及直播技术,此处记录点播实现过程 更多精彩 更多技术博客,请移步 asing1eli...

  • iOS视频直播和点播解决方案

    IJMMediaFramework视频直播框架是做直播的一个好的选择。但是因为项目需要,点播视频播放器需要添加进度...

  • 短视频的首屏秒开优化

    点播的首屏秒开方案也可以先参考一下直播中的首屏加载优化。 前置 metadata 播放器在网络点播场景下去请求 M...

  • vue-aliplayer 阿里云播放器适配 vue [新]

    阿里云的点播/直播播放器本身没有对 vue 进行支持,以下会对 aliplayer 做简单封装,让其支持 vue ...

  • Vue Aliplayer直播控件

    Aliplayer是阿里云web视频播放器,是阿里视频云端到云端服务的重要一环,该视频播放器支持点播和直播等基础功...

  • Vue Aliplayer直播控件

    Aliplayer是阿里云web视频播放器,是阿里视频云端到云端服务的重要一环,该视频播放器支持点播和直播等基础功...

  • Java 实现阿里云直播

    阿里云播放器直接在线点播视频以及直播技术,此处记录直播实现过程 更多精彩 更多技术博客,请移步 IT人才终生实训与...

  • 网络协议tcp和rtmp的关系

    网络直播分点播和直播,点播多使用hls,http,直播多使用rtmp,hls,hds。

网友评论

      本文标题:超级播放器直播、点播vue-super-player

      本文链接:https://www.haomeiwen.com/subject/tuovsktx.html