react-native-ilive

Author	E-mail
gufei	[email protected]

• 广告：Udacity课程优惠券：邀请码: 67D6DA2E，立减 300 元
• 科学上网：https://yoga.codepay.online/auth/register?code=0a73e30131 每日签到，免费赠送流量

功能介绍

• 支持 iOS Android  腾讯互动直播iLive SDK
• 支持 创建房间、加入房间、切换角色、上下麦、切换摄像头、开关摄像头、开关声麦、录视频流、录屏幕、基础美颜、获取房间信息、测网速功能

安装使用

npm install --save react-native-ilive

Then link with:

react-native link react-native-ilive

Android

Add following to AndroidManifest.xml

    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
    <uses-permission android:name="android.permission.MANAGE_ACCOUNTS" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.GET_TASKS" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.READ_LOGS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.VIBRATE" />
    <uses-permission android:name="android.permission.WAKE_LOCK" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.BLUETOOTH" />
    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

• 将项目的MainApplication.java类继承QavsdkApplication.java类

iOS

• 进入"../node_modules/react-native-ilive/ios/RCTILive/Frameworks/"文件夹，在控制台执行:sh LoadSDK.sh 下载工程需要的资源库

• 修改工程配置

  • 将下载好的SDK复制到工程目录下，工程目录右键，Add Files to " you projectname"

  • Build Settings/Linking/Other Linker Flags，增加 -ObjC 配置

  • Build Settings/Linking/Bitcode，增加 Bitcode 配置，设置为NO

  • iOS10及以上系统，需在Info.plist中增加设备访问权限配置

• 添加系统库 需要增加的系统库

  • libc++.tbd
  • libstdc++.tbd
  • libstdc++.6.tbd
  • libz.tbd
  • libbz2.tbd
  • libiconv.tbd
  • libresolv.tbd
  • libsqlite3.tbd
  • libprotobuf.tbd
  • UIKit.framework
  • CoreVideo.framework
  • CoreMedia.framework
  • Accelerate.framework
  • Foundation.framework
  • AVFoundation.framework
  • VideoToolbox.framework
  • CoreGraphics.framework
  • CoreTelephony.framework
  • SystemConfiguration.framework
  • OpenAL.framework

• 点击项目->TARGETS/Build Settings/Prefix Header->添加your_projectname/RCTILive/TILLiveSDKShow-Prefix.pch

• ReactNativeILive/AppDelegate.m文件修改：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 // start 腾讯互动直播环境初始化
 TIMManager *manager = [[ILiveSDK getInstance] getTIMManager];
 NSNumber *evn = [[NSUserDefaults standardUserDefaults] objectForKey:kEnvParam];
 [manager setEnv:[evn intValue]];
 NSNumber *logLevel = [[NSUserDefaults standardUserDefaults] objectForKey:kLogLevel];
 if (!logLevel) {
   [[NSUserDefaults standardUserDefaults] setObject:@(TIM_LOG_DEBUG) forKey:kLogLevel];
   logLevel = @(TIM_LOG_DEBUG);
 }
 [manager initLogSettings:YES logPath:[manager getLogPath]];
 [manager setLogLevel:(TIMLogLevel)[logLevel integerValue]];
 // end
 ........
}

Documentation

腾讯互动直播API文档

原生通知事件

RtcEngine.eventEmitter({
  onLoginTLS: data => {},
  onLogoutTLS: data => {},
  onCreateRoom: data => {},
  onJoinRoom: data => {},
  onLeaveRoom: data => {},
  onExitRoom: data => {},
  onChangeRole: data => {},
  onUpVideo: data => {},
  onDownVideo: data => {},
  onStartVideoRecord: data => {},
  onStopVideoRecord: data => {},
  onStartScreenRecord: data => {},
  onStopScreenRecord: data => {},
  onSwitchCamera: data => {},
  onToggleCamera: data => {},
  onToggleMic: data => {},
  onRoomDisconnect: data => {},
  onNetSpeedTest: data => {},
  onParOn: data => {},
  onParOff: data => {},
  onError: data => {}
})

Name	Description
onLoginTLS	腾讯TLS服务器登录回调
onLogoutTLS	腾讯TLS服务器登出回调
onCreateRoom	创建房间回调
onJoinRoom	加入房间回调
onLeaveRoom	离开房间回调
onExitRoom	退出房间回调
onChangeRole	改变角色回调
onUpVideo	上麦回调
onDownVideo	下麦回调
onStartVideoRecord	开始录制视频流回调
onStopVideoRecord	停止录制视频流回调
onStartScreenRecord	开始录屏幕回调
onStopScreenRecord	停止录屏幕回调
onSwitchCamera	切换摄像头回调
onToggleCamera	开关摄像头回调
onToggleMic	开关声麦回调
onRoomDisconnect	房间失去联系回调
onNetSpeedTest	网络测速结果回调
onParOn	实时采集房间信息回调
onParOff	结束采集房间信息回调
onError	错误提示

ILiveView 组件

Name	Description
showLocalVideo	是否显示本地视频（bool）

运行示例

Example

更新信息

• 腾讯Android更新日志
• 腾讯iOS更新日志

2018-01-23

• 主播给观众上麦后给自己一个回调，并通知给ReactNative页面

2018-01-04

• 更新iOS iLiveSDK 版本号至 V1.8.1.12629(2017-12-18)
• 更新Android iLiveSDK 版本号至 V1.8.0

2017-12-27

• 新增获取视频房间信息数据
• 新增网络测速功能