Warning
Azure 通訊服務 正在推出突破性變更，部分服務也將被淘汰。 若要深入了解，請參閱 淘汰與重大變更指南。
網頁通話範例是一個網頁應用程式，提供逐步操作導覽，說明 Communication Services Web Calling SDK 所提供的各種功能。
這個範例是為開發者設計，讓你很容易開始接觸通訊服務。 其使用者介面分為多個區塊，每個區塊都設有「顯示代碼」按鈕，讓你能直接從瀏覽器複製程式碼到自己的通訊服務應用程式中。
開始使用網路通話範例
Important
請依照 /Project/readme.md 設定 project，並在你的電腦上本地執行。 當你的電腦上執行 網頁呼叫範例 後，你會看到以下登陸頁面：
使用者配置與 SDK 初始化
點選「Provisioning user and initialize SDK」，即可使用後端令牌配置服務提供的令牌來初始化你的 SDK。 這個後端服務位於 /project/webpack.config.js。
點擊「顯示程式碼」按鈕，可以看到你可以用在自己解決方案中的範例程式碼。
SDK 初始化後，你應該會看到以下內容：
您現在準備好開始使用您的通訊服務資源撥打電話了！
撥打與接聽電話
Communication Services 網頁通話 SDK 支援 1：1、 1：N 及 群組 通話。
對於 1：1 或 1：N 的外撥通話，你可以指定多個通訊服務使用者身份，使用逗號分隔值來呼叫。 你也可以指定傳統（PSTN）電話號碼，使用逗號分隔的數值來撥打。
撥打 PSTN 電話號碼時，請指定您的備用來電顯示號碼。 按一下「撥打電話」按鈕即可撥出電話：
要加入群組通話，請輸入識別通話的 GUID，並點擊「加入群組」按鈕：
點擊「顯示代碼」按鈕，查看撥打電話、接聽電話及加入群組通話的範例代碼。
進行中的通話看起來像這樣：
本範例同時提供以下功能的程式碼片段：
- 點擊影片圖示來開啟或關閉攝影機
- 按一下麥克風圖示以開啟/關閉麥克風
- 點擊播放圖示以暫停或取消通話
- 點擊螢幕圖示以開始或停止分享螢幕
- 點擊「個人」圖示即可將參與者加入通話
- 在參與者清單中按一下「移除參與者」，即可將特定參與者移出通話
下一步
欲了解更多資訊，請參閱以下文章：
- 熟悉如何使用通話 SDK
- 深入了解通話的運作方式
- 請參考 API 參考文件
- 檢視 Contoso Med 應用程式 範例
進一步閱讀
- 範例 - 在我們的範例概觀頁面上尋找更多範例。
- Redux - 用戶端狀態管理
- FluentUI - Microsoft 支援的 UI 程式庫
- React - 組建使用者介面的程式庫
- ASP.NET Core - 用來建置 Web 應用程式的架構