問題現(xiàn)象

視頻流接入是一個涉及瀏覽器、視頻流、播放器多方的綜合問題，DataV產(chǎn)品作為可視化頁面搭建工具，只是將視頻播放器以組件的形式進行集成，由于定位手段比較有限，無法直接深入瀏覽器、視頻流、播放器本身進行定位。而視頻監(jiān)控廠家、碼流格式、私有協(xié)議眾多，至今未找到能兼容所有視頻流的播放器。

解決方法

目前最簡單直接的解決方案，是引入視頻轉碼廠家部署轉碼服務器，對視頻流進行轉碼以適配Web端播放，之前有比較多項目采用該方案取得良好效果。

視頻播放卡頓或者無法播放時，定位路徑是什么？

如果遇見視頻播放卡頓或者無法播放的情況，您可以按照以下方法進行排查：

• 檢查網(wǎng)絡情況，查看帶寬是否能支撐當前播放路徑同時播放，如果不能建議您升級網(wǎng)絡。

  說明

  如果通過視頻監(jiān)控平臺軟件和VLC播放器能流暢播放，并不能代表在瀏覽器上能流暢播放。可以通過螢石云播放器進行測試，看同時多路播放是否流暢。

• 查看機器性能是否足夠。由于瀏覽器依賴CPU解碼，同時運行的渲染進程可能會搶占CPU，建議您使用高主頻的CPU如i9來改善性能。

  說明

  您也采購視頻轉碼與點播服務來解決格式和性能的問題。

• 查看瀏覽器console是否有關于視頻流地址CORS的報錯問題，以及視頻流地址是否允許跨域訪問，如果不允許跨域訪問，需要在視頻流服務端設置允許跨域訪問。

  說明

  可視化應用的訪問地址一般與視頻流地址不是同一個。

• 查看瀏覽器和使用的HTTP協(xié)議版本。對于瀏覽器同域名http1.1協(xié)議請求并發(fā)有上限，chrome一般上限為6個。如果同時播放多個視頻的，會造成畫面卡頓或者顯示加載的情況，建議您使用http2.0協(xié)議來提供訪問或者用不同域名進行區(qū)分同時播放的視頻流訪問地址。

• 查看視頻是否為flv視頻流，flv視頻流需要以.flv為后綴。

  說明

  建議使用支持flv，hls等瀏覽器原生播放格式的視頻流廠家。

阿里云流播放器（建議使用）

推薦您使用阿里云流播放器，使用方法請參見集成文檔。

視頻組件

視頻組件為Html的video標簽，支持mp4、ogg、WebM格式。具體編碼如下圖。

螢石云

螢石云與阿里云流播放器一致，但是屬于第三方的插件。因此推薦使用阿里云流播放器。

RTMP視頻流播放器（不建議）

RTMP視頻流播放器支持RTMP格式，但依賴flash插件，目前主流瀏覽器已經(jīng)停止支持，因此不建議使用。

自定義組件

當上述的視頻組件不能滿足播放需求時，您可以考慮自定義組件的方式來實現(xiàn)，自定義組件需要由前端開發(fā)人員介入去實現(xiàn)。實現(xiàn)方法請參見組件開發(fā)快速入門。