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

来源:https://www.cnblogs.com/xjf125/archive/2020/02/22/12347378.html
-Advertisement-
Play Games

前言: 公司的產品是一款基於社交的內容聊天軟體,需要集成語音通訊功能,在寫iOS原生項目時,用到的就是Agora SDK,現在寫React Native也直接採用了Agora的庫。 集成iOS、Android的步驟: 請參考鏈接:https://github.com/syanbo/react-nat ...


 前言:

  公司的產品是一款基於社交的內容聊天軟體,需要集成語音通訊功能,在寫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)
        })

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • python3-cookbook中每個小節以問題、解決方案和討論三個部分探討了Python3在某類問題中的最優解決方式,或者說是探討Python3本身的數據結構、函數、類等特性在某類問題上如何更好地使用。這本書對於加深Python3的理解和提升Python編程能力的都有顯著幫助,特別是對怎麼提高Py ...
  • 正常搭建配置中心,網上教程多,這裡不討論,只記坑也是為了後來者少花時間在這裡,由於是當時研究了好久才寫的文章,所以只能提供問題的原因,當然會給出印證的思路,閑話不多說進入正題! 版本spring boot2.1.6spring boot admin 2.1.6spring cloud GreenWi ...
  • 一、解決IDEA中的中文亂碼 1、首先設置idea編輯器的編碼: File-Setting設置如下 idea顯示編碼:windows預設用gbk所以idea顯示預設為gbk編碼,在 Help--Edit custom vm options 添加-Dfile.encoding=UTF-8 (其實大部分 ...
  • 開發環境: Windows操作系統開發工具: Eclipse+Jdk+Tomcat+MySql資料庫運行效果圖 源碼及原文鏈接:https://javadao.xyz/forum.php?mod=viewthread&tid=47 ...
  • 關註公眾號:CoderBuff,回覆“redis”獲取《Redis5.x入門教程》完整版PDF。 《Redis5.x入門教程》目錄 "第一章 · 準備工作" "第二章 · 數據類型" "第三章 · ​命令" "第四章 ​· 配置" 第五章 · Java客戶端(上) 第六章 · 事務 第七章 · 分佈 ...
  • 1.設置django的mysql驅動為pymysql 因為django預設的是使用MySqlDb連接mysql資料庫,但是由於該模塊不支持python3.4以上版本,所以使用pymysql模塊 在項目的預設文件夾(也就是settings.py等文件的那個文件夾)的__init__.py文件中增加如下 ...
  • 更新多個對象 例如說我們現在想要將Apress Publisher的名稱由原來的”Apress”更改為”Apress Publishing”。若使用save()方法,如: ? 1 2 3 >>> p = Publisher.objects.get(name='Apress') >>> p.name  ...
  • 最近的Django項目中有複製記錄的需求。資料庫里有一張名為Party的表,記錄用戶創建的party,現在要讓用戶能夠複製一個新的party。本身非常簡單的一個功能,但運行的時候出錯了。我以為是複製過程出錯,所以測試了一下Django中複製記錄可能遇到的情況(後來發現是其他代碼的邏輯出了問題),結果 ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...