
vue2对接摄像头
文章平均质量分 56
VYPS
这个作者很懒,什么都没留下…
展开
-
vue2中使用WebSDK_V3.3.0(231027)展示监控视频
当前script里面的方法只是当前开发所需,其他方法可以看下载的文件中HCWebSDK3.3.pdf文档,或者运行demo--cn--demo.html文件,根据自己所需查找对应方法。其实在父组件的sysParams中不需要这样重复声明账号密码,他登录一次后会有已登录状态,这里未作修改,只有通道列表更改一下就可以,只是当前代码还未更改。(1)必须安装HCWebSDKPlugin.exe插件,没有安装插件的电脑无法观看。(3)如果不销毁播放器,他会出现在所有页面的上面,销毁的话再重新加载会慢一点。原创 2024-01-26 16:58:02 · 1723 阅读 · 8 评论 -
vue2中使用rtsp展示监控
(5)注意:把rtsp地址复制上去后是不需要任何操作的,等1~2秒之后就会展示监控视频,如果有提示需要输入密码,那么就是rtsp地址中的密码不正确。在展示两个监控视频时已经非常卡顿,而且webrtc-streamer.exe需要一直打开,不打开不能看到监控视频。(1)解压,打开webrtc-streamer.exe(注意:这个关闭视频不能播放)(3)查看视频编码信息(当前方法仅支持H264)(1)打开vlc,媒体--打开网络串流。(2)检查rtsp地址是否正确。(2)粘贴地址,点击播放。原创 2024-01-26 16:21:22 · 1530 阅读 · 1 评论 -
将rtsp视频编码从H265改为H264
视频地址格式为:rtsp://admin:abc123123@192.168.1.x:554/h264/XXXXXXX。登陆后,依次点击配置--视音频--视频编码--保存。此时再查看当前视频编码信息已从H265改为H264。依据当前rtsp地址输入192.168.1.x。192.168.1.x:摄像头ip地址。abc123123:密码。abc123123:密码。原创 2024-01-26 15:53:32 · 1843 阅读 · 1 评论 -
vue2展示hls视频流vue-video-player
在下载插件时控制台报错报错。原创 2024-01-26 15:13:43 · 785 阅读 · 1 评论 -
vue2中使用萤石云展示视频监控
2.目前项目只是开发环节,但是看到有的博主说打包部署时可能会因为import EZUIKit from 'ezuikit-js';导致白页,需要下载ezuitkit.js文件,放在public文件下,在public文件下index.html中引入。还未测试,保留文件以作备用。1.ezuikit-js版本不能下载最新,否则无法展示视频。原创 2024-01-26 14:33:14 · 1358 阅读 · 2 评论