播放器
更新时间：2021-09-26 01:33:23下载pdf
本文介绍了 IPC 播放器组件相关属性及使用方法。
使用示例
详情请参考 GitHub 模板。
说明：此模板使用 React Hooks 开发，请使用涂鸦3.22及以上版本的App进行调试与预览，例如涂鸦智能 App 或者根据 3.22 App SDK 开发的App。
import { TYIpcPlayer } from '@tuya/tuya-panel-ipc-sdk';
// 播放器容器大小一般为16:9,且需取整,也可自定义,自适应大小可设置flex: 1
const realWidth = Math.round(winWidth);
const realHeight = Math.round((winWidth * 9) / 16));
const onChangeStreamStatus = (status: number) => {
console.log(status);
};
return (
<View style={{width: realWidth, height: realHeight }}>
<TYIpcPlayer
deviceOnline={props.deviceOnline}
onChangeStreamStatus={onChangeStreamStatus}
/>
</View>
)
组件属性概览
| 字段 | 说明 | 最低 App SDK 版本 | 是否必填 |
|---|---|---|---|
| deviceOnline | 设备是否在线 | 3.17 | 是 |
| onChangeStreamStatus | 监听视频流状态变化的回调 | 3.17 | 是 |
| isWirless | 是否为低功耗设备 | 3.17 | 否 |
| privateMode | 隐私模式 | 3.17 | 否 |
| clarityStatus | 视频流模式 | 3.17 | 否 |
| hightScaleMode | 是否按高度自动适配视频比列 | 3.17 | 否 |
| channelNum | 通道数量 | 3.17 | 否 |
| voiceStatus | 声音模式 | 3.17 | 否 |
| isShareDeveice | 是否为分享设备 | 3.17 | 否 |
| fullPlayerWidth | 全屏播放器宽度 | 3.17 | 有全屏模式必传 |
| fullPlayerHeight | 全屏播放器高度 | 3.17 | 有全屏模式必传 |
| isFullScreen | 是否为全屏模式 | 3.17 | 否 |
| onChangeScreenOrientation | 监听是否为全屏模式 | 3.17 | 否 |
| onFullScreenTapView | 监听全屏点击屏幕事件 | 3.17 | 否 |
| onNormalScreenTapView | 监听非全屏点击屏幕事件 | 3.17 | 否 |
| hideFullMenu | 是否隐藏全屏菜单 | 3.17 | 否 |
| stopFullAnim | 停止全屏动画 | 3.17 | 否 |
| onChangeSupportedMicWay | 监听设备是否支持对讲 | 3.17 | 否 |
| onListenIsTalking | 监听设备是否在对讲或通话中 | 3.17 | 有对讲功能必传 |
| onListenTalkingChangeMute | 监听是在对讲或通话中切换声音 | 3.17 | 有对讲功能必传 |
| renderNormalComArr | 自定义非全屏功能 | 3.17 | 否 |
| renderFullComArr | 自定义全屏功能 | 3.17 | 否 |
| scaleMultiple | 固定倍数放大视频 | 3.22 | 否 |
| onChangeZoomStatus | 监听视频区域显示方式(主要由手势双击，拖动触发) | 3.22 | 有 scaleMultiple 必传 |
| onChangeActiveZoomStatus | 进入预览播放前台主动还原视频比例 | 3.22 | 有 scaleMultiple 必传 |
| onChangeRecording | 监听是否在录像中 | 3.17 | 有录像功能必传 |
| showCutScreen | 是否展示内置截屏弹窗 | 3.17 | 否 |
| cutStyle | 截屏弹窗样式 | 3.17 | 否 |
| pressEnterAlbum | 进入相册自定义方法 | 3.17 | 否 |
| showOneWayMic | 是否展示单向对讲中动图 | 3.17 | 否 |
| micTalkImage | 单向对讲动图中心图标 | 3.17 | 否 |
| micTalkImageStyle | 单向对讲动图中心图标样式 | 3.17 | 否 |
| showTwoWayMic | 是否展示内置双向通话提示 | 3.17 | 否 |
| twoMicStyle | 双向对讲提示样式设置 | 3.17 | 否 |
| showTimeInterval | 是否展示录像中计时组件 | 3.17 | 否 |
| timerInterValStyle | 录像计时样式设置 | 3.17 | 否 |
| rockerDirections | 是否显示长按视频播放组件,震动ptz摇杆 | 3.20 | 否 |
| onRetryConnect | 点击重试自定义方法，组件内部已定义此方法，默认重新拉流 | 3.17 | 否 |
| playerLoadParam | 视频遮罩层样式设置 | 3.17 | 否 |
| channelNum | 当前直播通道(针对特殊具有多通道视频的设备，例如行车记录仪) | 3.22 | 否 |
| enterBackDisConP2P | 进入手机后台或锁屏是否需要断开 p2p 连接 | 3.22 | 否 |
| backIsNeedDisConnectP2P | 退出预览界面是否需要断开P2P连接 | 3.22 | 否 |
| playerProps | 视频组件新添功能支持透传 | 3.17 | 否 |
| audioLoadParam | 纯音频模式遮罩样式设置 | 3.17 | 否 |
| audioLoadText | 纯音频模式文字内容 | 3.17 | 否 |
| showCustomVideoLoad | 是否展示自定义视频区域 load 加载框 | 3.17 | 否 |
| showCustomVideoText | 展示自定义视频区域load文本内容 | 3.17 | 否 |
| showCustomRetry | 是否展示自定义重试按钮 | 3.17 | 否 |
| showCustomRetryText | 自定义重试按钮文本 | 3.17 | 否 |
| initStatus | 每一次进入前台将对讲状态、录制状态、静音状态、是否高清四个状态暴露出去 | 3.17 | 否 |
| enterBackgroundEvent | 播放器进入后台（APP后台或跳转到原生页面） | 3.17 | 否 |
| enterForegroundEvent | 播放器进入前台（APP从后台进入前台或从原生页面跳转到RN） | 3.17 | 否 |
组件属性
deviceOnline
最低 App SDK 版本
3.17
说明
设备是否在线，主动传人设备的在线状态，绑定redux store中的值。
数据类型
Boolean
是否必填
是
示例代码
<TYIpcPlayer deviceOnline={this.props.deviceOnline} />
onChangeStreamStatus
最低 App SDK 版本
3.17
说明
监听视频流状态变化的回调。
status参数取值：
- 0：设备离线
- 1：隐私模式
- 2：正在连接P2P通道
- 3：通道构建失败
- 4：正在获取视频流
- 5：获取视频流失败
- 6：正常播放
- 7：音频模式(需设备固件支持)
是否必填
是
示例代码
onChangeStreamStatus = status => {
this.setState({
videoStatus: status,
});
};
<TYIpcPlayer onChangeStreamStatus={this.onChangeStreamStatus} />
isWirless
最低 App SDK 版本
3.17
说明
是否为低功耗设备,一般根据是否存在 dpCode: wireless_awake
数据类型
Boolean
是否必填
是
默认值
false
示例代码
<TYIpcPlayer isWirless={this.props.wireless_awake !== undefined} />
privateMode
最低 App SDK 版本
3.17
说明
隐私模式是否开启，一般根据 dpCode: basic_private 存在且值为 true
数据类型
Boolean
是否必填
否
默认值
false
示例代码
<TYIpcPlayer privateMode={Booleanean(this.props.basic_private)} />
clarityStatus
最低 App SDK 版本
3.17
说明
加载视频流清晰度类型，一般设备支持 HD && SD
支持多种类型及音频模式 可传以下类型：
- SS：省流量
- SD：标清
- HD：高清
- UD：超清
- SSP：超超清
- AUDIO：音频模式
数据类型
String
是否必填
否
默认值
HD
示例代码
this.state = {
clarityStatus: 'ON'
}
<TYIpcPlayer clarityStatus={this.state.clarityStatus} />
hightScaleMode
最低 App SDK 版本
3.17
说明
是否按高度自动适配适配比列。
数据类型
Boolean
是否必填
否
默认值
false
示例代码
this.state = {
hightScaleMode: true
}
<TYIpcPlayer hightScaleMode={this.state.hightScaleMode} />
channelNum
最低 App SDK 版本
3.17
说明
支持通道数量。
数据类型
number
是否必填
否
默认值
-1
示例代码
this.state = {
channelNum: -1
}
<TYIpcPlayer channelNum={this.state.channelNum} />
voiceStatus
最低 App SDK 版本
3.17
说明
声音模式： ON | OFF
数据类型
String
是否必填
否
默认值
OFF
示例代码
this.state = {
voiceStatus: 'OFF'
}
<TYIpcPlayer voiceStatus={this.state.voiceStatus} />
isShareDeveice
最低 App SDK 版本
3.17
说明
判定是否为分享设备，根据此值可实现功能权限，绑定 redux store 中的值，devInfo.isShare
数据类型
Boolean
是否必填
否
默认值
false
示例代码
<TYIpcPlayer isShareDeveice={this.props.devInfo.isShare} />
fullPlayerWidth
最低 App SDK 版本
3.17
说明
全屏播放器宽度(建议将 StatusBar 安卓设为沉浸式,且在全屏时将 StatusBar 隐藏，通过 onLayOut 获取最外层容器的宽度)
说明：number取整。
数据类型
Number
是否必填
有全屏模式,必传
默认值
null
示例代码
_onLayout = e => {
const { width, height } = e.nativeEvent.layout;
this.setState({
fullPlayerWidth: Math.ceil(width),
fullPlayerHeight: Math.ceil(height),
});
};
<View style={styles.ipcPlayerpage} onLayout={e => this._onLayout(e)}>
<StatusBar
hidden={isFullScreen}
barStyle={isIOS ? 'dark-content' : 'light-content'}
translucent={true}
backgroundColor="#000000"
/>
<TYIpcPlayer fullPlayerWidth={this.state.fullPlayerWidth} />
</View>
fullPlayerHeight
最低 App SDK 版本
3.17
说明
全屏播放器高度(建议将 StatusBar 安卓设为沉浸式,且在全屏时将 StatusBar 隐藏，通过 onLayOut 获取最外层容器的高度)
说明：number取整。
数据类型
Number
是否必填
有全屏模式,必传
默认值
null
示例代码
_onLayout = e => {
const { width, height } = e.nativeEvent.layout;
this.setState({
fullPlayerWidth: Math.ceil(width),
fullPlayerHeight: Math.ceil(height),
});
};
<View style={styles.ipcPlayerpage} onLayout={e => this._onLayout(e)}>
<StatusBar
hidden={isFullScreen}
barStyle={isIOS ? 'dark-content' : 'light-content'}
translucent={true}
backgroundColor="#000000"
/>
<TYIpcPlayer fullPlayerHeight={this.state.fullPlayerHeight} />
</View>
isFullScreen
最低 App SDK 版本
3.17
说明
是否为全屏模式，监听 onChangeScreenOrientation 获取状态
数据类型
Boolean
是否必填
有全屏模式,必传
默认值
false
示例代码
<TYIpcPlayer isFullScreen={this.state.isFullScreen} />
onChangeScreenOrientation
最低 App SDK 版本
3.17
说明
监听视频播放器方向转换
是否必填
有全屏模式,必传
示例代码
onChangeScreenOrientation = isFull => {
// true: 为横屏或全屏 false: 竖屏或非全屏
setTimeout(() => {
this.setState({
isFullScreen: isFull,
});
}, 0);
};
<TYIpcPlayer
isFullScreen={this.state.isFullScreen}
onChangeScreenOrientation={this.onChangeScreenOrientation}
/>
onFullScreenTapView
最低 App SDK 版本
3.17
说明
监听全屏点击屏幕的事件
是否必填
有全屏功能且需点击隐藏全屏图标或特殊功能,必传
示例代码
onFullScreenTapView = hideFullMenu => {
this.setState({
hideFullMenu,
stopFullAnim: false,
});
};;
<TYIpcPlayer
stopFullAnim={this.state.stopFullAnim}
hideFullMenu={this.state.isFullScreen}
onFullScreenTapView={this.onFullScreenTapView}
/>
onNormalScreenTapView
最低 App SDK 版本
3.17
说明
监听非全屏视频区域点击屏幕的事件
是否必填
否
示例代码
<TYIpcPlayer onNormalScreenTapView={() => {}} />
hideFullMenu
最低 App SDK 版本
3.17
说明
是否隐藏全屏菜单，在onFullScreenTapView 回调中赋值即可
数据类型
Boolean
是否必填
有全屏功能且需点击隐藏全屏图标,必传
默认值
false
示例代码
onFullScreenTapView = hideFullMenu => {
this.setState({
hideFullMenu,
stopFullAnim: false,
});
};;
<TYIpcPlayer
stopFullAnim={this.state.stopFullAnim}
hideFullMenu={this.state.isFullScreen}
onFullScreenTapView={this.onFullScreenTapView}
/>
stopFullAnim
最低 App SDK 版本
3.17
说明
停止全屏动画，用于操作全屏模式下某些功能点，结束动画的相关操作
数据类型
Boolean
是否必填
否
默认值
false
onFullScreenTapView = hideFullMenu => {
this.setState({
hideFullMenu,
stopFullAnim: false,
});
};;
<TYIpcPlayer
stopFullAnim={this.state.stopFullAnim}
hideFullMenu={this.state.isFullScreen}
onFullScreenTapView={this.onFullScreenTapView}
/>
onChangeSupportedMicWay
最低 App SDK 版本
3.17
说明
监听设备是否支持对讲，以及对讲的方式 (需在 P2P 连接之后才能获取）
是否必填
有对讲功能,必传
示例代码
onChangeSupportedMicWay = micData => {
// isSupportMic参数取值 true: 支持 false: 不支持
// isTwoWayTalk参数取值 true: 双向对讲 false: 单向对讲 undefined: 不支持对讲
const { isSupportMic, isTwoWayTalk } = micData;
this.setState({
isSupportMic,
isTwoWayTalk: Boolean(isTwoWayTalk),
});
};
<TYIpcPlayer onChangeSupportedMicWay={this.onChangeSupportedMicWay} />
onListenIsTalking
最低 App SDK 版本
3.17
说明
监听设备是正在对讲或通话中
是否必填
有对讲功能,必传
示例代码
onListenIsTalking = isTalking => {
this.setState({
isTalking,
});
};
<TYIpcPlayer onListenIsTalking={this.onListenIsTalking} />
onListenTalkingChangeMute
最低 App SDK 版本
3.17
说明
监听是在对讲切换声音
备注: 单向对讲需在对讲过程中关闭声音，双向通话需开启声音
是否必填
有对讲功能,必传
示例代码
onListenTalkingChangeMute = voiceStatus => {
this.setState({
currentVoice: voiceStatus,
});
};
<TYIpcPlayer onListenTalkingChangeMute={this.onListenTalkingChangeMute} />
renderNormalComArr
最低 App SDK 版本
3.17
说明
自定义非全屏功能时，父级为播放器容器
数据类型
Array
是否必填
否
默认值
[]
示例代码
this.state = {
renderNormalComArr = [
{ component: Normal1, propData: {} },
{ component: Normal2, propData: {} },
]
}
<TYIpcPlayer renderNormalComArr={this.state.renderNormalComArr} />
renderFullComArr
最低 App SDK 版本
3.17
说明
自定义全屏功能时必传，父级为播放器容器
数据类型
Array
是否必填
否
默认值
[]
示例代码
this.state = {
renderFullComArr = [
{ component: Full1, propData: {} },
{ component: Full2, propData: {} },
]
}
<TYIpcPlayer renderFullComArr={this.state.renderFullComArr} />
scaleMultiple
最低 App SDK 版本
3.22
说明
支持范围内随意播放视频倍数
Number (支持小数) 特殊值： -1 按宽 -2 按高
普通值 1.0 (与-1效果相同) ~ 6.0
数据类型
Number
是否必填
否
默认值
undefined
示例代码
onChangeZoomStatus = data => {
if (typeof data !== 'number') {
const { scaleStatus, currentVideoScale } = data;
// 监听视频画面变化 此处可获取当前视频的播放比例、画面大小比例
// 需要显示当前画面比例可在此处理, 其它情况可忽略回调
};
}
<TYIpcPlayer
scaleMultiple={this.state.scaleStatus}
onChangeZoomStatus={this.onChangeZoomStatus}
/>
onChangeZoomStatus
最低 App SDK 版本
3.22
说明
监听视频区域显示方式(主要由手势双击，拖动触发)。
是否必填
有 scaleMultiple，必传。
示例代码
onChangeZoomStatus = data => {
if (typeof data !== 'number') {
const { scaleStatus, currentVideoScale } = data;
// 监听视频画面变化 此处可获取当前视频的播放比例、画面大小比例
// 需要显示当前画面比例可在此处理, 其它情况可忽略回调
};
}
<TYIpcPlayer
scaleMultiple={this.state.scaleStatus}
onChangeZoomStatus={this.onChangeZoomStatus}
/>
onChangeActiveZoomStatus
最低 App SDK 版本
3.22
说明
监听因重新进入预览界面，主动还原视频播放比例大小（一般后台进入前台以及其它页面返回预览界面触发）。
是否必填
有 scaleMultiple 必传
示例代码
onChangeActiveZoomStatus = data => {
// 将此事件返回的值与 Player 组件属性 scaleMultiple 传入值进行绑定
const { zoomStatus } = data;
this.setState({
scaleStatus: zoomStatus,
})
}
<TYIpcPlayer
scaleMultiple={this.state.scaleStatus}
onChangeActiveZoomStatus={this.onChangeZoomStatus}
/>
onChangeRecording
最低 App SDK 版本
3.22
说明
监听是否正在录像中
是否必填
有录像功能必传
示例代码
// 监听是否正在录像
onChangeRecording = isRecording => {
// 录像开始限制3秒之内禁止结束，避免高概率录制失败
let isRecordingDisable = false; // 是否禁止点击录像
clearTimeout(this.isRecordDisableTime);
if (isRecording) {
isRecordingDisable = true;
}
this.setState({
isRecording,
isRecordingDisable,
});
this.isRecordDisableTime = setTimeout(() => {
this.setState({
isRecordingDisable: false,
});
}, 3000);
};
<TYIpcPlayer onChangeRecording={this.onChangeRecording} />
showCutScreen
最低 App SDK 版本
3.17
说明
是否展示内置截屏弹窗
数据类型
Boolean
是否必填
否
默认值
true
示例代码
<TYIpcPlayer showCutScreen={false} />
cutStyle
最低 App SDK 版本
3.17
说明
截屏弹窗样式
{
containerStyle: {}, // 容器样式
descTxtStyle: {}, // 描述文本样式
albumBox: {}, // 相册按钮盒子
albumTxt: {}, // 相册按钮文本样式
}
数据类型
Object
是否必填
否
默认值
{}
示例代码
<TYIpcPlayer showCutScreen={false} />
pressEnterAlbum
最低 App SDK 版本
3.17
说明
进入相册自定义跳转方法，默认TYIpcNative.enterAlbum()
数据类型
Func
是否必填
否
示例代码
<TYIpcPlayer pressEnterAlbum={() => {console.log('Album')}} />
showOneWayMic
最低 App SDK 版本
3.17
说明
是否展示内置单向对讲中动图
数据类型
Boolean
是否必填
否
默认值
true
示例代码
<TYIpcPlayer showOneWayMic={false} />
micTalkImage
最低 App SDK 版本
3.17
说明
单向对讲动图中心图标
数据类型
Number
是否必填
否
示例代码
<TYIpcPlayer micTalkImage={micTalkImage} />
micTalkImageStyle
最低 App SDK 版本
3.17
说明
单向对讲动图中心图标样式
数据类型
Object
是否必填
否
示例代码
<TYIpcPlayer micTalkImageStyle={{tintColor: 'red'}} />
showTwoWayMic
最低 App SDK 版本
3.17
说明
是否展示内置双向通话提示
数据类型
Boolean
是否必填
否
默认值
true
示例代码
<TYIpcPlayer showTwoWayMic={false} />
showTimeInterval
最低 App SDK 版本
3.17
说明
是否展示内置录像中计时组件
数据类型
Boolean
是否必填
否
示例代码
<TYIpcPlayer showTimeInterval={false} />
timerInterValStyle
最低 App SDK 版本
3.17
说明
录像计时样式设置
{
timerPageFull: {}, // 全屏容器样式
timerPageNormal: {}, // 非全屏容器样式
timerContain: {}, // 计时容器样式
dotStyle: {}, // 计时圆点样式
timeStyle: {}, // 时间文本样式
}
数据类型
Object
是否必填
否
示例代码
<TYIpcPlayer timerInterValStyle={ {timerPageFull: {}} } />
rockerDirections
最低 App SDK 版本
3.20
说明
是否显示长按视频播放组件，震动Ptz摇杆
一般根据dpCode: ‘ptz_control’ 的枚举值来对应显示摇杆功能
0：向上
2：向右
4：向下
6： 向左
rockerDirections 取值如下：
{
rockerEnabled: true, // 是否开启摇杆功能
up: false, // 是否有向上旋转功能
left: false, // 是否有向左旋转功能
right: false, // 是否有向右旋转功能
down: false, // 是否有向下旋转功能
showIndicator: false, // 是否显示旋转提示箭头图标
}
数据类型
Object
是否必填
否
示例代码
const rockerDirections = {
rockerEnabled: true,
up: true:
left: true,
right: true,
down: true,
showIndicator: true
};
<TYIpcPlayer
rockerDirections={rockerDirections}
/>
onRetryConnect
最低 App SDK 版本
3.17
说明
点击重试自定义方法，组件内部已定义此方法，默认重新拉流
数据类型
Func
是否必填
否
示例代码
<TYIpcPlayer onRetryConnect={() => {} } />
playerLoadParam
最低 App SDK 版本
3.17
说明
视频遮罩层样式设置
{
playerLoadContainer: {} // 容器样式
fullBackIconContainer: {} // 全屏返回图标样式;
fullBackImg: imgSrc // 全屏返回图标;
fullBackImgStyle: {} // 全屏返回图标样式;
loadAnimBoxStyle: {} // 加载动图容器样式;
loadingAnimBgImg: imgSrc // 加载动图背景图;
loadingAnimBgImgStyle: {} // 加载动图背景图样式;
loadingAnimImg: imgSrc // 加载动图;
loadingAnimImgStyle: imgSrc // 加载动图样式
loadingTextStyle: {} // 加载文本样式
reTryTextStyle: {} // 重试文本样式
}
数据类型
Object
是否必填
否
示例代码
<TYIpcPlayer playerLoadParam={playerLoadParam} />
channelNum
最低 App SDK 版本
3.22
说明
当前直播通道(针对特殊具有多通道视频的设备，例如行车记录仪)
数据类型
Number
是否必填
否
默认值
undefined
示例代码
// 取整为 >= 1 的正整数
const channelNum = 1;
<TYIpcPlayer channelNum={channelNum} />
enterBackDisConP2P
最低 App SDK 版本
3.20
说明
进入手机后台或锁屏是否需要断开 p2p 连接，默认ios会在5秒后断开，安卓会立即断开
数据类型
Boolean
是否必填
否
默认值
false
示例代码
<TYIpcPlayer enterBackDisConP2P={false} />
backIsNeedDisConnectP2P
最低 App SDK 版本
3.22
说明
退出预览界面是否需要断开P2P连接
数据类型
Boolean
是否必填
否
默认值
true
示例代码
<TYIpcPlayer backIsNeedDisConnectP2P={false} />
playerProps
最低 App SDK 版本
3.17
说明
此参数用来透传App随版本升级支持的原生功能
支持的新功能及支持SDK版本汇总
| 属性 | 说明 | 类型 | 最低 App SDK 版本 | 默认值 |
|---|---|---|---|---|
| rotateZ | 视频渲染旋转角度, 支持0, 90, 270 | Number | 3.26.5 | 0 |
| pTZControllable | 是否支持视频区域云平台控制 | Boolean | 3.26.5 | true |
| maxScaleMultiple | 视频放大最大倍数 | Number | 3.26.5 | 6 |
| scalable | 视频是否允许缩放 | Boolean | 3.27.5 | true |
| trackingStatus | 视频是否展现特写追踪 | Boolean | 3.27.5 | false |
数据类型
Object
是否必填
否
默认值
{}
示例代码
<TYIpcPlayer playerProps={} />
audioLoadParam
最低 App SDK 版本
3.17
说明
纯音频模式遮罩样式设置
{
audioTextStyle: {}, // 音频文本样式
audioLoadContainer: {}, // 容器样式
fullBackIconContainer: {}, // 全屏返回图标容器
fullBackImg: imgSrc, // 全屏返回图标
fullBackImgStyle: {}, // 全屏返回图标样式
}
数据类型
Object
是否必填
否
示例代码
<TYIpcPlayer audioLoadParam={audioLoadParam} />
audioLoadText
最低 App SDK 版本
3.17
说明
纯音频模式文字内容
数据类型
String
是否必填
否
示例代码
<TYIpcPlayer audioLoadText={audioLoadText} />
showCustomVideoLoad
最低 App SDK 版本
3.17
说明
是否展示自定义视频区域 load 加载框，可自定义视频加载框
数据类型
Boolean
是否必填
否
默认值
false
示例代码
<TYIpcPlayer showCustomVideoLoad={false} />
showCustomVideoText
最低 App SDK 版本
3.17
说明
展示自定义视频区域load文本内容
数据类型
String
是否必填
否
示例代码
<TYIpcPlayer showCustomVideoText={showCustomVideoText} />
showCustomRetry
最低 App SDK 版本
3.17
说明
是否展示自定义重试按钮
数据类型
Boolean
是否必填
否
默认值
false
示例代码
<TYIpcPlayer showCustomRetry={false} />
showCustomRetryText
最低 App SDK 版本
3.17
说明
自定义重试按钮文本
数据类型
String
是否必填
否
示例代码
<TYIpcPlayer showCustomRetryText={'hello'} />
initStatus
最低 App SDK 版本
3.17
说明
每一次进入前台将对讲状态、录制状态、静音状态、是否高清四个状态暴露出去。
是否必填
否
示例代码
<TYIpcPlayer initStatus={initStatus} />
// 监听是否正在录像
const initStatus = data => {
const { isMuting, isRecording, isTalkBacking, isHDOn } = data;
};
<TYIpcPlayer initStatus={this.initStatus} />
enterBackgroundEvent
最低 App SDK 版本
3.17
说明
播放器进入后台（APP后台或跳转到原生页面）
数据类型
function
是否必填
否
示例代码
<TYIpcPlayer enterBackgroundEvent={enterBackgroundEvent} />
const enterBackgroundEvent = () => {
// 播放器进入后台时进行相关操作
// ......
}
enterForegroundEvent
最低 App SDK 版本
3.17
说明
播放器进入后台（APP后台或跳转到原生页面）
数据类型
function
是否必填
否
示例代码
<TYIpcPlayer enterForegroundEvent={enterForegroundEvent} />
const enterForegroundEvent = () => {
// 播放器进入前台时进行相关操作
// ......
}
该内容对您有帮助吗？
是意见反馈该内容对您有帮助吗？
是意见反馈
