更新记录

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及更高版本

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问