React Native SDK 接入

CFlutterReact NativeAndroidiOSHarmonyOSElectron

下载更新记录API 说明示例源码

确认运行环境

React Native >=0.80.0，启用 New Architecture；Android minSdk 23，iOS 15.1 及以上。

安装并配置 SDK

npm install tirtc-react-native@2.4.0-alpha.3

Android 在 settings.gradle 的 dependencyResolutionManagement.repositories 中添加 SDK Maven 仓库：

maven {
  url = uri("http://repo-sdk.tange-ai.com/repository/maven-public/")
  allowInsecureProtocol = true
  credentials {
    username = "tange_user"
    password = "tange_user"
  }
}

在 android/gradle.properties 设置 newArchEnabled=true。iOS 的 Podfile 设置 platform :ios, '15.1' 后执行 cd ios && pod install。

初始化并查询录像

appId 来自申请开通。appAccessToken 由自己的业务服务端签发，见云端签发 Token。查询时间使用 UTC Unix 毫秒。

import {TiStore, TISTORE_ERROR_OK} from 'tirtc-react-native';

const initCode = await TiStore.init({appId});
if (initCode !== TISTORE_ERROR_OK) {
  throw new Error(TiStore.errorToString(initCode));
}
const store = new TiStore(appAccessToken);
const result = await store.listRecordings(startTimeMs, endTimeMs);
if (result.code !== TISTORE_ERROR_OK) {
  throw new Error(TiStore.errorToString(result.code));
}
const recordings = result.recordings;

组件卸载时，先从组件树移除 Video Output View，再停止录像播放对象（Replay）。然后依次 detach 和 dispose 音视频输出对象（Output），最后 dispose Replay 与 Store。

确认可以查询录像

查询成功且 recordings 非空，说明 SDK 已完成初始化，Token 可以访问目标设备，并且查询范围内存在录像。列表为空时，确认查询范围覆盖设备已经完成上传的 UTC 时间。