播放器

更新时间: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 = () => {
    // 播放器进入前台时进行相关操作
    // ......
}