Web項目引入Agora SDK實現視頻通話功能

零、前言

       簡介：聲網Agora。一個專注移動端的高清實時通話雲服務解決方案。

     （1）聲網Agora成立於2013年，是實時音視頻雲行業開創者和全球領先的專業PaaS服務商。開發者只需簡單調用Agora API，30分鐘即可在應用內構建多種實時音視頻互動場景。

     （2）聲網的服務覆蓋社交直播、在線教育、企業協作、IoT、醫療、遊戲、保險等10餘行業，共計100多種場景。實時互動技術服務覆蓋全球200多個國家和地區，並在當地提供技術和運營支持。使用聲網服務的企業包括小米、陌陌、抖音、新東方、VIPKID、好未來等公司。疫情期間，聲網日均通話分鐘數較日常增長近一倍，達15.6億分鐘(按流計時爲62.4億分鐘)。-----摘抄自百度百科。

     （3）瀏覽器的安全策略對除 127.0.0.1 以外的 HTTP 地址作了限制，Agora Web sdk 僅支持 HTTPS 協議以及 http://localhost，請勿使用 HTTP 協議部署你的項目。

一、官網地址以及github地址

      官網：https://www.agora.io/cn/

      github-demo：https://github.com/AgoraIO/Basic-Video-Call

二、支持

      Android、ios、mac、window、web均提供相關sdk。

三、demo

      以web端爲例，vue項目進行介紹。

    （1）download官網vue相關demo；

      項目結構如下圖：

執行命令：

//下載依賴
npm install

    （2）官網進行註冊，實名認證，並創建一個項目；

    （3）根據appid與項目名稱、創建頻道、生成一個臨時toke；

點擊項目管理，進入到項目詳情頁

 點擊2進入頁面生成token：

     （4）填寫參數點擊加入頻道

執行 npm run serve 運行起來，最終頁面如下：

我們填入相關參數，並打開兩個頁面模擬兩個用戶進行視頻通話。

 

再加入一個用戶的效果：

 好了，基本介紹到這裏，快去搭建你的視頻或者語音通話應用吧。

四、總結

       簡單介紹了利用聲網sdk搭建音視頻通話應用的簡單流程，由於聲網是收費的，有時常限制，所以個人用戶可以簡單玩，企業可以購買使用。

五、demo地址

github：鏈接: https://pan.baidu.com/s/1TlyG0HqHzNJ73yj6bRaxKA 提取碼: vquw