通過WebRTC進行實時通信-獲取樣例代碼

• 2020 年 4 月 1 日
• 筆記

下載代碼

如果你對 git 熟悉的話，可以通過從GitHub上獲取codelab代碼。地址如下：

git clone https://github.com/googlecodelabs/webrtc-web

或者，點擊下面的按鈕下載代碼的 .zip 文件 Download source code 打開下載的 zip文件，可以解壓出項目目錄（adaptive-web-media）,在該目錄中包含了 codelab中的每一步，以及你需要的資源。

你將做的所有編碼工作都在命名為work的目錄里。

step-nn目錄里包括了codelab每一步的最終版本。

安裝並驗證 Web Server

你可以自由的使用你自己的Web Server，而codelab可以與Chrome Web Server一起很好的工作。如果你還沒有安裝Web Server, 那麼你可以通過 Chrome Web Store 安裝它。

Install Web Server for Chrome

安裝了 Web Server for Chrome應用之後，從書籤欄點擊 Chrome 應用圖標，會產生一個新的 Tab頁 或 啟動一個 App:

點擊 Web Server 圖標：

下一步，你將看到一個對話框，它允許你配置本地 Web Server.

點擊 CHOOSE FOLDER按鈕，選擇你剛剛創建的work目錄，在Chrome中，通過高亮Web Server對話框中的 Web Server URL區域中URL，你能觀察工作進展情況。

在下面的選項中，勾選自動顯示index.html選項，如下所示：

通過滑動標籤來停止和重啟 server。

現在通過點擊高亮的Web Server URL， 在瀏覽器中觀測你的工作站點，你能看到看起來是這樣子的頁面，它對應於 work/index.html.

i

顯而易見，該應用沒有做任何有意義的事情。所以，它只是一個我們用來確保Web Server工作正常的最小的骨架，隨後，你可以添加功能或布局特徵。

從現在開始，所有的測量，驗證都應該通過 Web Server 來執行，可以通過簡單的刷新瀏覽器從而離開Web Server。