## 簡介

可提供一臺阿里雲ECS伺服器，指導搭建一個基於音影片通訊服務的簡易視訊會議室。

## 背景資訊

音影片通訊：

音影片通訊 RTC（Real-Time Communication）是阿里雲覆蓋全球的實時音影片開發平臺，提供高可用、高品質、超低延時的實時網路服務，適用於線上教育、互動娛樂、視訊會議、保險定損、排程指揮等場景。使用阿里雲RTC SDK，您可以在移動、Web、PC等多端快速搭建互通互聯的實時音影片應用。

多人線上視訊會議系統：

本場景為您提供了一份基於音影片通訊服務的多人線上視訊會議系統Demo程式碼。該Demo實現了基本的會議頻道、共享音影片、共享螢幕等功能，預覽效果如下所示。

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209141343894.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

## 獲取音影片通訊應用AppKey
說明: 體驗實驗室可以提供了[一臺ECS伺服器](https://developer.aliyun.com/adc/scenario/f6a3dbc68b1545ef97ddfc958a0d0d05)，場景中涉及的音影片通訊服務請使用自己的阿里雲賬號操作，音影片通訊服務預設的計費方式為按量付費，具體請參見計費詳情。

1.  使用自己的阿里雲賬號登入到音影片通訊RTC控制檯。
2.  在左側單擊應用管理。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209141806562.png)
3.  在應用管理頁面就可以看到您的預設應用的AppID。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209141815841.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
4.  在預設應用的右側操作列單擊查詢AppKey。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209141824650.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
5.  在查詢Appkey提示彈框中單擊確定。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209141831615.png)

## 連線ECS伺服器

## 修改配置

1.  執行以下命令使用Vim開啟index.html檔案。

```
cd AliRTC-WebSample && vim index.html
```
2.  輸入以下指令，然後按下Enter鍵，跳轉到appId配置行。

```
:316
```
3.  按下i鍵進入編輯模式，將appId和appKey修改為步驟二中查詢到的AppId和AppKey。

## 執行Demo
1.  執行以下命令為啟動檔案授予執行許可權。

```
chmod +x simple_https_server.py
```
2.  執行以下命令啟動Demo。

```
python3 simple_https_server.py
```
命令執行結果類似如下，則表示應用啟動成功。

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209142125398.png)

## 訪問Demo
1.  在瀏覽器位址列輸入以下格式的地址。

```
https://[ipaddress]:23333
```
請將地址中的ipaddress修改為伺服器的公網IP地址，請參見步驟三。

2.  第一次訪問會出現連線不安全的警告頁面，如下所示。單擊高階>繼續前往以信任連線。

*說明：本Demo使用的是自簽名證照，所以會提示連線不安全。如要避免該問題，請將公網IP地址繫結一個已備案的域名，然後一個申請權威證照頒發機構頒發的SSL證照，替換Demo目錄下的csr檔案和key檔案。詳情請參見SSL證照。*

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209142203412.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
3.  第一次進入Demo頁面時，會申請麥克風和攝像頭許可權，單擊允許即可。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209142212165.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

4.  輸入房間號，然後單擊進入房間。

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209142220232.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
5.  進入房間後會預設推送影片流，您可以在頁面中選擇取消推送或者推送共享流（共享螢幕），然後將Demo的連結和會議房間號傳送給您的夥伴，進行線上會議。

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20201209142232964.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

搭建簡易多人線上視訊會議系統

相關文章