手把手教你構建一個音視頻小程序

時間 2019-11-10

標籤手把手構建一個音視頻程序简体版

原文原文鏈接

歡迎你們前往騰訊雲+社區，獲取更多騰訊海量技術實踐乾貨哦~html

本文由騰訊視頻雲終端團隊發表於雲+社區專欄

騰訊雲提供了全套技術文檔和源碼來幫助您快速構建一個音視頻小程序，可是再好的源碼和文檔也有學習成本，爲了儘快的能調試起來，咱們還提供了一個免費的一鍵部署服務：您只需輕點幾下鼠標，就能夠在本身的帳號下得到一個音視頻小程序，同時附送一臺擁有獨立域名的測試服務器，讓您能夠在 5 分鐘內快速構建出本身的測試環境。web

經過微信公衆平臺受權登陸騰訊雲

打開微信公衆平臺註冊並登陸小程序，按以下步驟操做：json

單擊左側菜單欄中的【設置】。
單擊右側 Tab 欄中的【開發者工具】。
單擊【騰訊雲】，進入騰訊雲工具頁面，單擊【開通】。
使用小程序綁定的微信掃碼便可將小程序受權給騰訊雲，開通以後會自動進去騰訊雲微信小程序控制臺，顯示開發環境已開通，此時能夠進行後續操做。

注意：
此時經過小程序開發者工具查看騰訊雲狀態並不會顯示已開通，已開通狀態會在第一次部署開發環境以後纔會同步到微信開發者工具上。小程序

進入微信公衆平臺後臺微信小程序

開通騰訊雲bash

騰訊雲微信小程序控制臺服務器

免費開通騰訊雲服務

1 開通直播服務

1.1 申請開通視頻直播服務

進入直播管理控制檯，若是服務尚未開通，則會有以下提示:微信

點擊申請開通，以後會進入騰訊雲人工審覈階段，審覈經過後便可開通。微信開發

1.2 配置直播碼

直播服務開通後，進入【直播控制檯】>【直播碼接入】>【接入配置】(https://console.cloud.tencent...) 完成相關配置，便可開啓直播碼服務：微信公衆平臺

點擊【肯定接入】按鈕便可。

1.3 獲取直播服務配置信息

從直播控制檯獲取bizid、pushSecretKey，後面配置服務器會用到：

2. 開通雲通訊服務

2.1 申請開通雲通信服務

進入雲通信管理控制檯，若是尚未服務，直接點擊直接開通雲通信按鈕便可。新認證的騰訊雲帳號，雲通信的應用列表是空的，以下圖：

點擊建立應用接入按鈕建立一個新的應用接入，即您要接入騰訊雲IM通信服務的App的名字，咱們的測試應用名稱叫作「RTMPRoom演示」，以下圖所示：

點擊肯定按鈕，以後就能夠在應用列表中看到剛剛添加的項目了，以下圖所示：

2.2 配置獨立模式

上圖的列表中，右側有一個應用配置按鈕，點擊這裏進入下一步的配置工做，以下圖所示。

2.3 獲取雲通信服務配置信息

從直播控制檯獲取SdkAppid、accountType、privateKey、administrator，後面配置服務器會用到：

從驗證方式中下載公私鑰，解壓出來將private_key用文本編輯器打開，如：

將其轉換成字符串形式以下所示，後面在server配置文件中使用：

"-----BEGIN PRIVATE KEY-----\r\n"+
"MIGHAgEAsUj5ep7r9TVxTrZiSpXQKhRANCAASuxr7AJGiXRqGpiO7pPrLAchyORc\r\n"+
"Y5uWCqVm+QFTn0H+ZcHP93ss3OhgZKh8pq+g7X26dW5fQkiSH1PXG/FY\r\n"+
"zbTbMHaWCqVm+QFTn0H+QKhRANCAASuxr7AJGiXRqGpiO7pPr7jTFTmg\r\n"+
"-----END PRIVATE KEY-----\r\n"

3、安裝微信小程序開發工具

下載並安裝最新版本的微信開發者工具，使用小程序綁定的微信號掃碼登陸開發者工具。

微信開發者工具

4、下載 Demo

訪問 SDK+Demo，獲取小程序 Demo 和後臺源碼。

5、上傳和部署代碼

打開第三步安裝的微信開發者工具，點擊【小程序項目】按鈕。
輸入小程序 AppID，項目目錄選擇上一步下載下來的代碼目錄，點擊肯定建立小程序項目。
再次點擊【肯定】進入開發者工具。

注意：
目錄請選擇 RTMPRoom 根目錄。包含有 project.config.json，請不要只選擇 wxlite 目錄！

上傳代碼

開發者工具

打開 Demo 代碼中
```
server
```
目錄下的
```
config.js
```
文件，將其中的
```
bizid
```
、
```
pushSecretKey
```
、
```
APIKey
```
、
```
sdkAppID
```
、
```
accountType
```
、
```
administrator
```
、
```
privateKey
```
配置成上述直播服務及雲通訊服務裏生成的值，並

保存

。

修改 MySQL 密碼
點擊界面右上角的【騰訊雲】圖標，在下拉的菜單欄中選擇【上傳測試代碼】。

上傳按鈕

選擇【模塊上傳】並勾選所有選項，而後勾選【部署後自動安裝依賴】，點擊【肯定】開始上傳代碼。
選擇模塊

上傳成功
上傳代碼完成以後，點擊右上角的【詳情】按鈕，接着選擇【騰訊雲狀態】便可看到騰訊雲自動分配給你的開發環境域名：

查看開發域名

完整複製（包括
```
https://
```
）開發環境 request 域名，而後在編輯器中打開
```
wxlite/config.js
```
文件，將複製的域名填入
```
url
```
中並保存，保存以後編輯器會自動編譯小程序，左邊的模擬器窗口便可實時顯示出客戶端的 Demo：

修改客戶端配置
在模擬器中編譯運行點擊多人音視頻進入，在右側的console裏面能夠看到登陸成功的log表示配置成功。