【vue】vue实现海康ws协议的实时监控播放:

文章目录

        • 一、效果图:
        • 二、实现过程:
            • 【1】官网下载h5player.js:
            • 【2】引入h5player.min.js:
            • 【3】使用:


一、效果图:

【vue】vue实现海康ws协议的实时监控播放:_第1张图片

二、实现过程:
【1】官网下载h5player.js:

【H5视频播放器开发包】https://open.hikvision.com/download/5c67f20bb254d61550c2f63e?type=10&id=53a1d2fe6a6f4b34b7aaccd37cd9c73d
【Vue 集成海康h5player,实现ws协议的实时监控播放】

【vue】vue实现海康ws协议的实时监控播放:_第2张图片
【vue】vue实现海康ws协议的实时监控播放:_第3张图片

【2】引入h5player.min.js:

【vue】vue实现海康ws协议的实时监控播放:_第4张图片

【3】使用:

【vue】vue实现海康ws协议的实时监控播放:_第5张图片
【vue】vue实现海康ws协议的实时监控播放:_第6张图片
在这里插入图片描述

你可能感兴趣的:(Vue框架,vue.js,前端,javascript)