0.0.1-alpha.6 • Published 3 years ago
xgplayer-mp-taro v0.0.1-alpha.6
一、简介
xgplayer小程序播放器Taro版本。Taro支持多平台小程序输出: 微信、字节、阿里、百度、QQ、京东。
二、快速接入小程序播放器
只需两步:安装、引入、即可完成小程序播放器组件的使用。
安装
# 最新稳定版
$ npm install xgplayer-mp-taro引入组件
import { XgVideo } from 'xgplayer-mp-taro'使用组件
1. url 方式播放
<XgVideo
className='xg-video'
mode='small'
autoplay
src='https://playertest.longtailvideo.com/adaptive/aes-with-tracks/master.m3u8'
description=''
picture-in-picture-mode={['push', 'pop']}
loop
></XgVideo>2. vid 方式播放
<XgVideo
className='xg-video'
mode='small'
playDomain='vod.bytedanceapi.com'
playAuthToken='*****************'
></XgVideo>XgVideoProps
| Property | Type | Default | Required | Description |
|---|---|---|---|---|
| id | string | No | ||
| mode | 'short' / 'small' | Yes | 该播放器支持小视频及短视频两种播放UI模式,小视频模式偏向于普通的PC视频播放器UI,短视频适合竖屏视频展示。具体样式可参考DEMO | |
| src | string | No | 播放地址,优先级高于playAuthToken参数 | |
| playDomain | string | No | ||
| playAuthToken | string | No | 生成方式可参考火山引擎文档 | |
| loop | boolean | false | No | 循环播放 |
| muted | boolean | false | No | 默认静音 |
| autoplay | boolean | false | No | 自动播放 |
| playbackRateList | number[] | false | No | 默认值:0.5, 0.8, 1.0, 1.25, 1.5,可参考各家小程序对于数值的约定 |
| definition | number | false | No | 默认清晰度 |
| definitionList | IDefinition[] | false | No | 清晰度档位列表 |
Types
interface IDefinition {
url: string
quality: number
text:
| string
| {
[propName: string]: any
}
iconText?:
| string
| {
[propName: string]: any
}
}0.0.1-alpha.6
3 years ago
0.0.1-alpha.5
3 years ago
0.0.1-alpha.4
3 years ago
0.0.1-alpha.3
3 years ago
0.0.1-alpha.2
3 years ago
0.0.1-alpha.1
3 years ago
0.0.1-alpha.0
3 years ago