ChromeブラウザでのHikvisionの問題について

最近、同社はHikvisionのカメラに接続し、Hikvisionに関する研究を始めました。32と64のさまざまなバージョンのプラグインパッケージを提供し始め、それはIEでのみ、Chromeの高バージョンに表示できないことがわかりました。ショーの後、
開発者はプラグインなしのバージョンを送信して、それがngixプロキシサーバーであることを確認し、c ++を追加して直接表示し、RTSPプロトコルを介して
H5Streamについてインターネットで検索し、
リアルタイム伝送を完了してカメラ画像、Hikvision Webの機能を表示しますコントロールはChromeの上位バージョンをサポートしていません

次に、
カメラでビデオストリームを見つけますHikvision IPカメラのrtspプロトコルアドレスは次のとおりです。

rtsp://[username]:[passwd]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream

説明：
ユーザー名：adminなどのユーザー名
passwd：パスワード（12345など）
ip：デバイスのIPアドレス（192.0.0.64など）
ポート：デフォルトのポート番号554（デフォルトの
コーデックの場合）：h264、MPEG-4、mpeg4があります。複数の
チャネル：1つの
サブタイプで始まるチャネル番号：ストリームタイプ、メインストリームはメイン、サブストリームはサブ

たとえば、Haikang IPカメラチャネル1のコードストリームをリクエストする場合、URLは次のようになります：
メインコードストリーム：

rtsp://admin:[email protected]:554/h264/ch1/main/av_stream
rtsp://admin:[email protected]:554/MPEG-4/ch1/main/av_stream

サブストリーム：

rtsp://admin:[email protected]/mpeg4/ch1/sub/av_stream
rtsp://admin:[email protected]/h264/ch1/sub/av_stream

安心できない場合は、vlcを使用してVLCプレーヤーを開き、ネットワークストリーム（VLCプレーヤーのダウンロードアドレス）
ここに画像の説明を挿入
を開いて画像を表示することを選択できます。

対応するバージョンをダウンロードするH5streamのダウンロードダウンロード後
ここに画像の説明を挿入
、confでh5ss.confを開き、strUrlを変更してカメラのパスワードを保存し、h5ss.batを

クリックする
か、h5ss.exeをクリックしてサービスを開きます。デフォルトはポート8080です。

ここに画像の説明を挿入
右側をクリックすると、

残りはwwwファイルのデモファイルをvueプロジェクトに移植します

          <div class="h5videodiv">
        <video class="h5video" id="h5sVideo1"  autoplay webkit-playsinline playsinline style="width: 909px;height:550px;">
        </video>
        <div class="playpause" id="playpause1" ></div>
    </div>

   createH5Video() {
            let conf1 = {
                videoid: 'h5sVideo1',
                protocol: window.location.protocol,
                host: 'localhost:8080',//window.location.host,
                rootpath: '/',
                token: 'token1',
                hlsver: 'v1',
                session: 'c1782caf-b670-42d8-ba90-2342340ee83'
            }
            this.v1 = H5sPlayerCreate(conf1)
            this.v1.connect()
           },

ここに画像の説明を挿入
記事のガイダンスについては、https：//www.jianshu.com/p/75aac9258637およびhttps://blog.csdn.net/weixin_41196185/article/details/81111430に感謝します。

ChromeブラウザでのHikvisionの問題について

おすすめ