更新记录
1.0.5(2024-08-21)
修复x类型项目打包时的依赖版本错误问题
1.0.4(2024-08-13)
修复协议支持
1.0.3(2024-07-23)
移除无效联系方式
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.99,Android:4.4,iOS:不确定,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | √ | × | × | × | × | × | × | × |
使用说明
直接在需要使用本插件的地方编写本插件的组件标签,交流群:983067817
<uts-czesou-exoplayer></uts-czesou-exoplayer>
注意:使用组件时需要指定组件大小,使用方法:
<uts-czesou-exoplayer ref="helloView" style="width: 100%; height: 100;"></uts-czesou-exoplayer>
内部暴露API:
releasePlayer :可主动调用此方法进行资源释放 使用示例:this.$refs.[组件引用名称].releasePlayer();
函数声明:function releasePlayer()
SwitchUrl :主动切换媒体源 使用示例:this.$refs.[组件引用名称].SwitchUrl("http://xxxxxxxxx.m3u8","HLS");
函数声明:SwitchUrl(Url : string, MediaSourceType : String = "default")
play:通过调用此方法进行媒体播放 使用示例:this.$refs.[组件引用名称].play();
函数声明:function play()
stop:通过调用此方法进行媒体播放暂停 使用示例:this.$refs.[组件引用名称].stop();
函数声明:function stop()
rewind:通过调用此方法进行回退操作,函数传参为回退毫秒数 使用示例:this.$refs.[组件引用名称].rewind();
函数声明:function rewind(positionMs : Number)
forward:通过调用此方法进行快进操作,函数传参为快进毫秒数 使用示例:this.$refs.[组件引用名称].forward();
函数声明:function forward(positionMs : Number)
组件参数:
属性名 | 类型 | 默认值 | 可选项 |
---|---|---|---|
VideoUrl | String | ’‘ | any |
MediaSourceType | String | default | HLS |DASH|SS|Rtsp |
ShowVideoController | Boolean | true | true | false |
媒体源更新:插件内置了媒体源自动更新,当VideoUrl的传递值变更时,插件内部自动切换至新的源地址(切换时请注意视频播放协议)
流媒体协议: 视频播放协议通过 MediaSourceType指定,默认使用渐进式媒体 ProgressiveMediaSource
可选播放控制器显示:通过指定ShowVideoController的值来控制是否可以呼出视频控制组件
内存使用相关:组件在页面取消挂载(页面消亡/销毁)时自动暂停并释放播放组件,无需担心内存泄露问题
如有插件相关问题,可发送邮件至yuanfangwa@foxmail.com