?？低暿菄鴥?nèi)非常優(yōu)秀的視頻服務(wù)提供商，但是在前端頁面播放視頻的時候，還是有一些問題。筆者就自己經(jīng)歷寫一篇文章，請諸位參考。

????????播放?？低?b>rtsp視頻流時候，需要用到?？堤峁┑膉s庫。包括

????????webVideoCtrl.js（web端視頻控制腳本）

????????jsWebControl-1.0.0.min.js（播放器控制腳本）

????????jsencrypt.min.js（海康密鑰加密腳本，需要請求?？捣?wù)器做驗證）

需要注意的是，這三個js腳本，并未export任何方法，無法在組件中import，需要在vue項目的html頭部導(dǎo)入

?拉取?？狄曨l流的步驟主要有：

? ? ? ? 1，指定div容器，初始化視頻加載的區(qū)域，并且初始化視頻的寬和高；

? ? ? ? 2，獲取公鑰。公鑰參數(shù)主要有：appkey，secret，ip，port等需要加密；

? ? ? ? 3，初始化視頻播放器，將你的參數(shù)傳遞給oWebControl，去調(diào)用?？档腏S_RequestInterface接口。（此步驟參數(shù)funcName千萬不能省略）；

? ? ? ? 4，預(yù)覽視頻。此步驟需要調(diào)用JS_RequestInterface接口，傳遞相機的cameraIndexCode參數(shù)。（該參數(shù)是加密過的。）