Acerca del problema de Hikvision en el navegador Chrome

Recientemente, la empresa se conectó a la cámara de Hikvision y comenzó a estudiar cosas sobre Hikvision. Comenzó a ofrecer paquetes de complementos de varias versiones de 32 y 64, y descubrió que no se podía mostrar en la versión alta del navegador Chrome, solo en ie Después del espectáculo
, los desarrolladores enviaron una versión sin plug-in para ver si es el servidor proxy ngix, agregar c ++ para mostrar directamente, buscar en Internet sobre
H5Stream a
través del protocolo RTSP para completar la transmisión en tiempo real y mostrar la función de la imagen de la cámara, Hikvision web El control no es compatible con versiones superiores de Chrome.

Luego busque la transmisión de video en la
cámara. La dirección del protocolo rtsp de la cámara IP de Hikvision es la siguiente:

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

Descripción:
nombre de usuario: nombre de usuario, como admin
passwd: contraseña, como 12345
ip: dirección IP del dispositivo, como 192.0.0.64
puerto: número de puerto predeterminado 554, si es el
códec predeterminado : hay h264, MPEG-4, mpeg4 Varios
canales: número de canal, comenzando con 1
subtipo: tipo de transmisión, la transmisión principal es principal, la transmisión secundaria es secundaria

Por ejemplo, para solicitar el flujo de código del canal 1 de la cámara IP de Haikang, la URL es la siguiente:
Flujo de código principal:

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

Sub corriente:

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

Si no está seguro, puede usar vlc para abrir el reproductor VLC y elegir abrir la transmisión de red ( dirección de descarga del reproductor VLC )

para ver la imagen.

Descargue la versión correspondiente H5stream download Después de la

descarga, abra h5ss.conf en la configuración, modifique strUrl y guarde la contraseña de su cámara,

y luego haga clic en h5ss.bat
o haga clic en h5ss.exe para abrir nuestro servicio. El puerto predeterminado es 8080.

Haga clic en el lado derecho y el

resto es para trasplantar el archivo de demostración en el archivo www al proyecto 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()
           },

Gracias a https://www.jianshu.com/p/75aac9258637 y https://blog.csdn.net/weixin_41196185/article/details/81111430 por la orientación del artículo