更新记录

1.0.0（2024-07-01）

初始化发布

平台兼容性

uni-app

uni-app x

概述

XF-alphaPlayerUTS实现了直播中台使用的一个视频动画特效SDK，可以通过制作Alpha通道分离的视频素材，再在客户端上通过OpenGL ES重新实现Alpha通道和RGB通道的混合，从而实现在端上播放带透明通道的视频。

模块调用

<alpha-player ref="alphaPlayer" :style="{width:widthNum+'rpx',height:heightNum+'rpx'}" @onstart="onStart"
    @onfinish="onFinish">
</alpha-player>

模块接口

playVideo

开始播放

uni-app项目中（vue/nvue）调用示例：

this.$refs["alphaPlayer"].playVideo("");

uni-app x项目（uvue）中调用示例：

// #ifdef APP-ANDROID
import { AlphaPlayerElement } from 'uts.sdk.modules.XFAlphaPlayerUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["alphaPlayer"] as AlphaPlayerElement).playVideo("");
// #endif
// #ifdef APP-IOS
this.$refs["alphaPlayer"].playVideo("");
// #endif

可用性

iOS、Android系统

可提供的1.0.0及更高版本

备注说明

path文件夹路径下文件结构

->config.json
{
    "portrait": {
        "align": 2,
        "path": "heartbeats.mp4",
    },
    "landscape": {
        "path": "heartbeats.mp4",
        "align": 8
    }
}
->heartbeats.mp4

stopVideo

停止播放

uni-app项目中（vue/nvue）调用示例：

this.$refs["alphaPlayer"].stopVideo();

uni-app x项目（uvue）中调用示例：

// #ifdef APP-ANDROID
import { AlphaPlayerElement } from 'uts.sdk.modules.XFAlphaPlayerUTS';
// #endif
// #ifdef APP-ANDROID
(this.$refs["alphaPlayer"] as AlphaPlayerElement).stopVideo();
// #endif
// #ifdef APP-IOS
this.$refs["alphaPlayer"].stopVideo();
// #endif

可用性

iOS、Android系统

可提供的1.0.0及更高版本