使用說明

實時視頻組件兼容性如下：

• 支持的播放協議：HLS。

• 支持的視頻編碼協議：H.264、H.265。

步驟一：添加組件

1. 創建Web應用。詳細操作請參見創建Web應用。

2. 在Web應用編輯器中，單擊最左側的組件圖標。

3. 在畫布左側組件列表上方，輸入實時視頻，找到該組件，然后將組件拖拽到中間畫布。

   有關組件添加的詳細內容，請參見添加組件。

   

步驟二：配置數據源

• 靜態數據

  1. 在右側樣式的播放源地址右側提交框中，輸入HLS地址。

     重要

     • 如果該組件所在應用有網絡環境的使用限制，或直播的視頻數據有安全限制，請不要配置公網環境下的視頻播放源地址，以防視頻數據泄露。

     • 提供的鏈接必須是HTTPS開頭且鏈接支持跨域。

  2. 啟用Flash插件并刷新頁面后，組件即可播放視頻。

     說明

     如果已設置當前瀏覽器禁止網站運行Flash，請修改相關瀏覽器設置為：運行Flash插件前先詢問。

• 動態數據

  單擊播放源地址提交框右側的配置數據源圖標，選擇數據源類型，完成配置，單擊確定。

  可選數據源類型有設備、接口、應用推送、頁面變量。

  播放源地址將基于關聯的數據源實時更新。

步驟三：配置樣式

1. 調整組件在頁面中的最終位置。有關組件通用樣式配置，請參見樣式配置。

2. 依次單擊頁面右上方的保存、預覽按鈕，查看該組件的展示效果。

   播放中的視頻界面，如圖所示。

最佳實踐

使用IoT Studio播放Link Visual攝像頭實時視頻流