PlayerBridge
↳ WsPlayer
Static
fullScreenChange• fullScreenChange: string = "fullScreenChange"
example
this.bridge.on('player', 'fullScreenChange', (isFull: boolean) => {
// isFull: 是否全屏
});
Static
timeupdate• timeupdate: string = "timeupdate"
example
this.bridge.on('player', 'timeupdate', (time) => {
// 如果time为15.1,说明视频播放到15.1秒
// 注意:
// 1.timeupdate事件的精度由播放器决定,并不固定
// 2.time一般是浮点数,不要和具体的时间做全等的比较,比如time === 15.1是错误的
});
Static
videoEnd• videoEnd: string = "videoEnd"
example
this.bridge.on('player', 'videoEnd', () => {
});
Static
videoNodeChange• videoNodeChange: string = "videoNodeChange"
example
this.bridge.on('player', 'videoNodeChange', (videoInfo) => {
const { uri, duration, streamRatio} = videoInfo;
// uri 视频的地址
// duration 视频的时长 单位s
// streamRatio 视频的宽高比
});
▸ enterFullScreen(countdown?
: number): Promise‹IResult›
进入全屏
example
// 三秒后进入全屏
this.bridge.invoke('player', 'enterFullScreen', 3);
// 立即进入全屏
this.bridge.invoke('player', 'enterFullScreen');
this.bridge.invoke('player', 'enterFullScreen', 0);
Parameters:
Name | Type |
---|---|
countdown? |
number |
Returns: Promise‹IResult›
▸ exitFullScreen(): Promise‹IResult›
退出全屏
example
this.bridge.invoke('player', 'exitFullscreen');
Returns: Promise‹IResult›
▸ getDuration(): Promise‹IResult›
获取当前视频长度(s)
example
// 假设当前视频播放时长为30s
const duration = await this.bridge.invoke('player', 'getDuration');
// duration === 30
Returns: Promise‹IResult›
▸ getPlayTime(): Promise‹IResult›
获取当前视频长度(s)
example
// 假设当前视频播到20s
const duration = await this.bridge.invoke('player', 'getPlayTime');
// duration === 20
Returns: Promise‹IResult›
▸ getPlayerClarity(): Promise‹IResult›
获取视频清晰度列表
example
await this.bridge.invoke('player', 'getPlayerClarity');
[
{
id: '',
title: '',
subTitle: '',
desc: '',
isVip,
selected
}
]
Returns: Promise‹IResult›
▸ pause(): void
视频暂停
example
this.bridge.invoke('player', 'pause');
Returns: void
▸ play(uri?
: string, sec?
: number): void
视频播放接口
Parameters:
Name | Type | Description |
---|---|---|
uri? |
string | 播放协议 |
sec? |
number | 起播时间(s) |
Returns: void
▸ resume(): void
视频继续播放
example
this.bridge.invoke('player', 'resume');
Returns: void
▸ seek(sec
: number): any
播放器进度跳转
example
// 视频seek到1s
this.bridge.invoke('player', 'seek', 1);
Parameters:
Name | Type | Description |
---|---|---|
sec |
number | 跳转到对应到时间点(s) |
Returns: any
▸ setPlayerClarity(id
: number): Promise‹IResult›
设置视频清晰度
example
this.bridge.invoke('player', 'setPlayerClarity', id) // getPlayerClarity 接口返回的数组中每一项的 id
Parameters:
Name | Type |
---|---|
id |
number |
Returns: Promise‹IResult›