封装PC端使用海康插件播放摄像头直播流（基于VUE）

先上效果图：

开发前工作：
需要在官方下载这三个文件(也可以用我的，largeScreenShow文件里面有)，放在public下，在index.html中引入，切记（可以去我码云下载中）

使用方法：
1.把我src里的那个组件复制放到你的项目中
2.修改以下地方（找后端要，这个必填）
3.在你需要放视频的地方引入组件（monitorDeviceNo就是你的监控点编号，填上去视频就能出来啦），也是必填哦

4.这里不发代码了，需要直接拿的就去我的码云直接拿（https://gitee.com/ouyihua/haiKang-video/tree/master），按照步骤就好了（感谢大家，觉得有用的话给我点点赞）

封装PC端使用海康插件播放摄像头直播流（基于VUE）相关推荐

vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法
vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法配置和启用海康插件详情看本人博客链接:https://blog.csdn.net/jinglianglove/article/de ...
在vue中使用海康插件实现视频实时监控(海康插件)
在vue中使用海康插件实现视频实时监控(海康插件) 首先下载并安装海康插件 webcontrol.exe 然后直接就写代码把,所有方法都是海康他们直接封装好的demo 初始化之后,后台把密钥和一些 ...
在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)
在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS) 第一步用npm装这个几个包 "video.js": "^6.6.0&quo ...
华为海康大华摄像头编译RTSP转RTMP和HTTPFLV
华为海康大华摄像头编译RTSP转RTMP和HTTPFLV 项目需求要看摄像头实时画面谷歌浏览器不支持RTSP流直接展示方案一通过Java+nginx+rtsp转rtmp流方案二通过Java+ ...
浏览器不支持flash插件之后，h5播放rtmp直播流的解决方案
浏览器不支持flash插件之后,h5播放rtmp直播流的解决方案使用http-flv 原文链接目录: 相关资源: 背景几种视频流比较 http-flv搭配flv.js播放方案 flv.js延迟问题 ...
js调用vlc_web网页中使用vlc插件播放相机rtsp流视频
可参考: vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: 注意: 需提前在打开 ...
Vue 播放rtmp直播流
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 Vue 播放rtmp直播流前言一.vueVideo.vue封装二.调用方式前言该组件是在vue-video-player基础 ...
vue中使用video.js 播放m3u8直播流
需求描述支持播放m3u8直播流 + 录屏视频:同时可以动态更改视频直播地址,新增,删除视频. 实现效果实现代码安装依赖 npm install video.js --save // 视频播放器 ...
vue-cli3.0实现播放rtmp直播流
前言: 用vue来实现播放rtmp,代码很简单,主要用的ckplayer, 在使用过videojs,video等其他插件以后,在播放视频直播流这里,觉得还是ckplayer比较给力,这里说下使用方法 ...

封装PC端使用海康插件播放摄像头直播流（基于VUE）

封装PC端使用海康插件播放摄像头直播流（基于VUE）相关推荐

最新文章

热门文章