更新记录
1.0.2(2024-07-06)
优化插件内部逻辑。
1.0.1(2024-07-02)
更新播放器内核默认渲染模式。
1.0.0(2024-06-27)
初始化发布
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0,Android:4.4,iOS:不支持,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
概述
XF-transparentPlayerUTS封装了ExoPlayer实现支持透明格式webm视频的功能。
模块调用
<transparent-player ref="transparentPlayer" :path="pathUrl" :loop="loop" :hidden="hidden"
:style="{width:widthNum+'rpx',height:heightNum+'px'}">
</transparent-player>
参数说明:
dataList:
- 类型:JSON型
- 描述:(可选项)返回按钮监听。
{ path : '',//可播放的视频文件地址 loop : false,//是否循环播放 hidden : false//是否隐藏 }
模块接口
playVideo
切换视频地址。
uni-app项目中(nvue)调用示例:
this.$refs["transparentPlayer"].playVideo(url);
uni-app x项目(uvue)中调用示例:
// #ifdef APP-ANDROID
import { TransparentPlayerElement } from 'uts.sdk.modules.XFTransparentPlayerUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["transparentPlayer"] as TransparentPlayerElement).playVideo("https://mp-ebdfa47d-d79c-4b44-8224-3febec037f05.cdn.bspapp.com/soccer9.webm");
// #endif
// #ifdef APP-IOS
this.$refs["transparentPlayer"].playVideo("https://mp-ebdfa47d-d79c-4b44-8224-3febec037f05.cdn.bspapp.com/soccer9.webm");
// #endif
可用性
iOS、Android系统
可提供的1.0.0及更高版本