聲網視頻通話，視頻直播小程序 SDK 初體驗 | 掘金技術徵文

聲網 Agora 小程序 SDK 支持微信小程序實現功能, 並能與聲網其餘 SDK 進行互通：

• 音視頻通話
• 音視頻直播

視頻通話 SDK 可實現一對一單聊、多人羣聊，同時具有純語音通話和視頻通話功能。

視頻通話和視頻互動直播不一樣。視頻通話，不分主播和觀衆，全部用戶均可自由發言，默認流暢和低延時優先，畫質稍低，典型場景如多人視頻會議；互動直播，用戶區分主播和觀衆，只有主播能夠自由發言，默認高畫質優先，典型場景如互動課堂。

主要功能包括伴奏混音、基礎美顏、屏幕共享、修改音視頻原始數據和自定義視頻源和渲染器等。

關鍵特性以下圖所示：

視頻通話支持 iOS、Android、Windows、macOS、Linux、Web、小程序，並支持平臺間互通，具體的兼容性要求見下表。

詳細的產品概述能夠直接看聲網開發者中心視頻通話的產品概述部分：docs.agora.io/cn/Video/pr…

本文主要是介紹一下視頻通話，視頻直播小程序 SDK 初體驗。

實現場景

結合微信小程序，能實現以下場景：

• 線上課堂：1 對 1 及 1 對多線上小班課，老師、學生實時互動
• 在線醫療：突破醫療資源的地域限制，實現多方視頻會診，下降診斷成本
• 高端客服：對高價值的 VIP 客戶提供遠程視頻服務，1 對 1 實時交流
• 遠程報警：一鍵報警，經過實時視頻通訊，爲警方提供一手現場狀況
• 銀行開戶：實時視頻認證，清晰畫質、超低延時、隱私保護，提高開戶效率

技術方案

小程序連麥的聲網實現架構圖以下所示：

從上面這個小程序連麥實現架構圖中咱們能夠看出：

1. 在大網邊緣節點部署協議轉換服務對小程序端發出的 RTMP 流進行轉換；
2. 將轉化後的 UDP 傳輸到 Agora SD-RTN 上；
3. 經過 Agora SD-RTN 與 Agora 其餘平臺 SDK 實現音視頻互通。

小程序 SDK 初體驗

首先要準備好本地的開發環境：

1. 確保本地已安裝微信開發者工具
2. 確保有一個支持 live-pusher 和 live-player 組件的微信公衆平臺帳號。只有特定行業的認證企業帳號纔可以使用這兩個組件。詳情請點擊這裏
3. 確保在微信公衆平臺帳號的開發設置中，給予如下域名請求權限：

• miniapp.agoraio.cn
• uni-webcollector.agora.io
• wss://miniapp.agoraio.cn

一開始我在作本地測試的時候沒有認真看官方文檔，沒有爲上述域名設置請求權限，調了很久。

運行 Demo 程序

1. 在 Agora.io 註冊帳號，並建立本身的測試項目，獲取 App ID。如需獲取 Token 或 Channel Key，請啓用 App Certificate

2. 下載示例程序代碼

3. 打開 utils 文件夾，在 config.js 文件中填入獲取到的 App ID：

const APPID = "";

if(APPID === ""){
  wx.showToast({
    title: `請在config.js中提供正確的appid`,
    icon: 'none',
    duration: 5000
  });
}

module.exports = {
  APPID: APPID
}
複製代碼

4. 下載 Agora Miniapp SDK，並將 SDK 從新命名爲 「mini-app-sdk-production.js"

5. 將改名後的 "mini-app-sdk-production.js" 文件保存在本示例程序的 lib 文件夾下

6. 啓動微信開發者工具並導入該示例程序

7. 輸入頻道名，加入頻道。邀請你的朋友加入同一個頻道，就能夠開始視頻互通了。

注意

若是啓用了 App Certificate，還須要在服務端生成 Token 或 Dynamic Key 用於鑑權。將生成的 Token 或 Dynamic Key 填入以下方法中：

//...
client.join(<your key/access token here>, channel, uid, () => {
//...
複製代碼

在線體驗

除了 SDK，聲網也提供了在線體驗小程序 Demo。

在 Android 或 iOS 上打開微信 App, 掃描識別下面的二維碼，便可快速體驗 Agora 小程序解決方案。

在小程序界面上輸入你想要進入的房間名，點擊 加入房間 便可進入小程序頻道。

其餘用戶在本身的小程序上輸入相同的房間名，點擊 加入房間，便可進入相同的頻道，實現通話。

你還能夠點擊屏幕上的按鈕，依次體驗 靜音、切換攝像頭、美顏 等功能。

前文也說過，視頻通話支持 iOS、Android、Windows、macOS、Linux、Web、小程序，並支持平臺間互通。能夠說作得很完善了，用起來仍是很方便的，給團隊贊一個。

---

Agora SDK 使用體驗徵文大賽 | 掘金技術徵文，徵文活動正在進行中