产品动态 | TRTC React Native SDK上线啦
React Native 是一个使用React和应用平台的原生功能来构建 Android 和 iOS 应用的开源框架。通过 React Native,您可以使用 JavaScript 来访问移动平台的 API,以及使用 React 组件来描述 UI 的外观和行为:一系列可重用、可嵌套的代码。
TRTC React Native SDK 是基于腾讯云 iOS/Android 平台的 TRTC SDK 进行封装的,架构图整体跟Flutter类似。
TRTC React Native sdk类文件说明
- trtc_cloud-腾讯云视频通话功能的主要接口类;
- tx_video_view-视频渲染view;
- tx_beauty_manager-美颜管理类;
- tx_audio_effect_manager-腾讯云音视频通话功能音乐和人声设置接口;
- tx_device_manager-设备管理类;
- trtc_cloud_def-腾讯云音视频通话功能的关键类型定义;
- trtc_cloud_listener-腾讯云音视频通话功能的事件回调监听接口。
集成SDK
ReactNative SDK 已经发布到 npm (https://www.npmjs.com/package/trtc-react-native),您可以通过配置 package.json 安装。
1. 在项目的 package.json 中写如下依赖:
"dependencies": { "trtc-react-native": "^2.0.0"},
2. 配置摄像头和麦克风的权限,即可开启音视频通话功能。
调用示例
1.初始化
// 创建 TRTCCloud 单例const trtcCloud = TRTCCloud.sharedInstance();// 获取设备管理模块const txDeviceManager = trtcCloud.getDeviceManager();// 获取音效管理类const txAudioManager = trtcCloud.getAudioEffectManager();// 获取美颜管理类const txBeautyManager = trtcCloud.getBeautyManager();
2.进退房
const params = new TRTCParams({ sdkAppId: SDKAPPID,//应用id userId,//用户id userSig,//用户签名 roomId: 2366,//房间Id });//进房trtcCloud.enterRoom(params, TRTCCloudDef.TRTC_APP_SCENE_VIDEOCALL);//退房trtcCloud.exitRoom();
3.事件监听
//设置事件监听trtcCloud.registerListener(onRtcListener);
function onRtcListener((type: TRTCCloudListener, params: any) => { //进房回调事件 if (type === TRTCCloudListener.onEnterRoom) { if (params['result'] > 0) { showToast('进房成功'); } } // 远端用户进房 if (type === TRTCCloudListener.onRemoteUserEnterRoom) { //params['userId']参数为远端用户userId } //远端用户是否打开麦克风 if (type === TRTCCloudListener.onUserAudioAvailable) { //param['userId']表示远端用户id //param['visible'] true表示打开麦克风 }});//移除事件监听trtcCloud.unRegisterListener(onRtcListener);
4.显示本地视频
<TXVideoView.LocalView />
5.显示远端视频
<TXVideoView.RemoteView userId={remoteUserId} streamType={TRTCCloudDef.TRTC_VIDEO_STREAM_TYPE_BIG}/>
6.显示远端屏幕分享
<TXVideoView.RemoteView userId={remoteUserId} streamType={TRTCCloudDef.TRTC_VIDEO_STREAM_TYPE_SUB}/>
如果您是一个前端发烧友,那TRTC React Native SDK是您实现音视频通话的不二之选,快来集成我们的SDK吧。
相关文档:
[快速集成SDK]:https://cloud.tencent.com/document/product/647/63791;
[跑通Demo]:https://cloud.tencent.com/document/product/647/63790。
腾讯云音视频在音视频领域已有超过21年的技术积累,持续支持国内90%的音视频客户实现云上创新,独家具备 RT-ONE™ 全球网络,在此基础上,构建了业界最完整的 PaaS 产品家族,并通过腾讯云视立方 RT-Cube™ 提供All in One 的终端SDK,助力客户一键获取众多腾讯云音视频能力。腾讯云音视频为全真互联时代,提供坚实的数字化助力。
相关文章
- 一篇运维老司机的大数据平台监控宝典(2)-联通大数据集群平台监控体系详解
- 一篇运维老司机的大数据平台监控宝典(1)-联通大数据集群平台监控体系进程详解
- 空中换引擎 博时基金数字化转型经验谈
- 如何高效地学习编程语言
- 作为一名阿里巴巴数据分析大牛,送给学弟学妹的经验积分
- 为什么要学习R语言
- Hadoop大数据分析平台的介绍性讨论
- 最全面的Spring学习笔记
- 16个用于数据科学和机器学习的顶级平台
- 给有抱负的数据科学家的六条建议
- 如何做一枚合格的数据产品经理
- 除Kaggle外,还有哪些顶级数据科学竞赛平台
- 一个鲜为人知却可以保护隐私的训练方法:联合学习
- 干货 :送你12个关于数据科学学习的关键提示(附链接)
- 大数据行业有多少种工作岗位,各自的技能需求是什么?
- 中国移动研究院常耀斌:商用大数据平台的研发之路
- 这些数据科学家必备的技能,你拥有哪些?
- 自学成才的开发者有何优势和劣势?
- Gartner报告:正处于数据科学与机器学习工具 “大爆炸”的时代
- Ready Computing借助InterSystems IRIS医疗版为医疗机构提供具有高度互操作性和可扩展性的解决方案