海康威視攝像頭web端開發 - 新聞資(zī)訊 - 雲南小程序開發|雲南軟件開發|雲南網站(zhàn)建設-西山區知普網絡科技工作室

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不管是網站(zhàn),軟件還是小程序,都要直接或間接能為您産生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站(zhàn)成為營銷工具,讓軟件能切實提升企業(yè)内部管理水平和(hé)效率。優秀的程序為後期升級提供便捷的支持!

您當前位置>首頁 » 新聞資(zī)訊 » 網站(zhàn)建設 >

海康威視攝像頭web端開發

發表時間:2019-9-4

發布人:葵宇科技

浏覽次數:117

主要方法

1.海康威視Web開發包

這個(gè)是海康威視自己開發的web開發包,裡面含有一些demo,整體版,分屏版等等。你(nǐ)可(kě)以在他的demo基礎上進行二次開發,即使是離(lí)線隻要你(nǐ)的攝像頭和(hé)電腦都是在同一路(lù)由下(xià),都是可(kě)以調用的。麻煩的是,你(nǐ)需要注冊一個(gè)賬号密碼,這個(gè)賬号密碼是在錄像機裡注冊的,隻有有這個(gè)賬号密碼登錄之後才能調用視頻。所以對于隻有一個(gè)攝像頭來進行測試的我就隻能放棄了。

2.螢石ezuikit-JavaScript開發包使用這個(gè)開發包

螢石開放平台,使用這裡的開發包,你(nǐ)需要注冊螢石開發者賬戶,才能使用(當然你(nǐ)得有自己的設備攝像頭)。在注冊之後,他會給你(nǐ)你(nǐ)的設備的線上訪問(wèn)地址:1.accesstoken;2.hls;3.rtmp;這三個(gè)方式都有對應的地址,各自有各自的優勢。
三種優勢對比。接下(xià)來講講這個(gè)方法。

過程

首先是accesstoken方法,他的優點就是延遲低,穩定,但是當看見遠(yuǎn)程訪問(wèn)的時候需要将文(wén)件放在IIS上,不然會報錯(accesstoken點這裡看詳情)之後,我就放棄了。
之後是hls和(hé)rtmp:他們的地址都需要放在video标簽底下(xià):
首先你(nǐ)需要在html中(zhōng)引入ezuikit.js(點這裡下(xià)載包含demo,第二個(gè)),加入video标簽,放入你(nǐ)自己的地址,(注冊之後獲取)

<video id="itsPlayer" poster="" width="270" controls playsInline webkit-playsinline autoplay>
    <!-- <source src="rtmp://rtmp.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b" type="" /> -->
    <source src="http://hls.open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.m3u8" type="application/x-mpegURL" />
  </video>

video标簽是在body裡,之後初始化播放器(qì)

 <script>
 var player = new EZUIPlayer('itsPlayer');
 </script>

這樣就可(kě)以出來直播錄像了,
這是螢石的官方
這樣你(nǐ)就可(kě)以引出來監控的直播視頻了。


更新,有關(guān)h264和(hé)h265的問(wèn)題

在博主搬了一次辦公室之後,視頻出現了編碼類型不是h264 的問(wèn)題,引用螢石地址,他的播放器(qì)是支持h264的,所以我們需要做出更改,具體步驟:

  • 下(xià)載螢石工作室或者海康威視的4200工具,這兩個(gè)都是可(kě)以修改視頻編碼的。
  • 在修改時會需要你(nǐ)輸入一個(gè)賬号和(hé)密碼。螢石工作室隻需要密碼
    • 如(rú)果你(nǐ)沒有修改密碼,那麼賬号就是admin,密碼默認12345
    • 修改之後忘記了的話,需要一個(gè)叫SADP的軟件來修改密碼,具體步驟微信公衆号關(guān)注海康威視那裡有詳細解釋SADP工具百度雲(提取碼8qde)
    • 修改好之後,進入設置頁面(螢石工作室是高級設置,4200是齒輪圖标的基本設置),4200
      在這裡插入圖片描述
      将裡面的編碼類型改成h264就好了,然後碼流類型切換成子(zǐ)碼流,再把子(zǐ)碼流的編碼類型修改成h264。

就不會報錯了


關(guān)于不錄音
在這裡插入圖片描述
螢石工作平台高級設置–圖像–視音頻,輸入音量拉到0就行了。

相關(guān)案例查看更多