【React Native】集成聲網Agora語音通訊

　前言：

　　公司的產品是一款基於社交的內容聊天軟體，需要集成語音通訊功能，在寫iOS原生項目時，用到的就是Agora SDK，現在寫React Native也直接採用了Agora的庫。

　集成iOS、Android的步驟：

　　請參考鏈接：https://github.com/syanbo/react-native-agora

　　提示：因為Agora的庫有兩個版本，必須採用最新版，以免有些功能不支持（筆者在集成時，當時沒有註意，有不少折騰呢）

　使用記錄：

　　不知道怎麼開頭寫的時候，參考官方Demo : https://github.com/agoraio-community/agora-rn-quickstart

　　1、主要功能代碼：

configureAgora(){
        var that = this;
        const config = {
            appid: "17423c8***********5cd46f89e",
            channelProfile: this.props.channelProfile,
            clientRole: this.props.clientRole,
            audioProfile: AudioProfileMusicHighQuality,
            audioScenario: AudioScenarioChatRoomGaming,
        }

        console.log("[CONFIG]", JSON.stringify(config));
        console.log("[CONFIG.encoderConfig", config.videoEncoderConfig);
        RtcEngine.on('videoSizeChanged', (data) => {
            console.log("[RtcEngine] videoSizeChanged ", data)
        })
        RtcEngine.on('remoteVideoStateChanged', (data) => {
            console.log('[RtcEngine] `remoteVideoStateChanged`', data);
        })
        RtcEngine.on('userJoined', (data) => { //用戶加入
           
        })
        RtcEngine.on('userOffline', (data) => {//用戶下線
            
        })
        RtcEngine.on('audioVolumeIndication', (data) => {
            console.log(data);
        })
        RtcEngine.on('clientRoleChanged', (data) => {
            console.log("[RtcEngine] onClientRoleChanged", data);
        })
        RtcEngine.on('joinChannelSuccess', (data) => {
            console.log('[RtcEngine] onJoinChannelSuccess', data);
            // console.log(RtcEngine.options);
            RtcEngine.startPreview().then(data => {
                // this.setState({
                //   joinSucceed: true,
                //   animating: false
                // })


            })
            // RtcEngine.setEnableSpeakerphone(true)
            // RtcEngine.setDefaultMuteAllRemoteAudioStreams(true)

            global.channel = data.channel
            global.voiceStatus = 'join';

        })


        RtcEngine.init(config);
        RtcEngine.enableAudio()
    }

　　2、加入頻道

RtcEngine.joinChannel(this.props.childTribeId,Parse.User.current().attributes.uid,"","")
            .then(result => {

            });

　　3、退出頻道

RtcEngine.leaveChannel((status)=>{
            console.log(status)

        })

　　4、當有人加入或退出時，播放提示音

　　提示：

　　1、在以下代碼中filepath:為絕對路徑或url，不能使用相對路徑

　　2、soundid是正確的，如果直接粘貼demo，會出錯誤（Demo中是：soundId）

RtcEngine.on('userJoined', (data) => { //用戶加入
            console.log('[RtcEngine] onUserJoined', data);
            let playEffectOption = {
                soundid: 1,
                filepath:'https://oops-*****.cos.ap-shanghai.myqcloud.com/in.mp3',
                loopcount: 0,
                pitch: 1,
                pan: 0,
                gain: 40,
                publish: false,
            };
            RtcEngine.playEffect(playEffectOption)
            // const {peerIds} = this.state;
            // if (peerIds.indexOf(data.uid) === -1) {
            //     this.setState({
            //         peerIds: [...peerIds, data.uid]
            //     })
            // }
        })
        RtcEngine.on('userOffline', (data) => {//用戶下線
            console.log('[RtcEngine] onUserOffline', data);
            let playEffectOption = {
                soundid: 2,
                filepath:'https://oops-*****.cos.ap-shanghai.myqcloud.com/in.mp3',
                loopcount: 0,
                pitch: 1,
                pan: 0,
                gain: 40,
                publish: false,
            };

            RtcEngine.playEffect(playEffectOption)
        })