HTML5实时显示摄像头视频

1、页面HTML代码：

<canvas id="video-canvas" style="width: 100%; height: 387px;"></canvas>

<script type="text/javascript" src="<%=basePath%>resources/js/jsmpeg-master/jsmpeg.min.js"></script>
<script type="text/javascript">var canvas = document.getElementById('video-canvas');                                var url = 'ws://' + document.location.hostname + ':' + port + '/';   port = port + 2;var player = new JSMpeg.Player(url, {    canvas : canvas});
</script>

2、需要Node做服务端，下载jsmpeg-master

http://download.csdn.net/download/wr751811032/9403310

npm install cnpm -g --registry=https://registry.npm.taobao.org

cnpm install ws -g

添加 NODE_PATH 和path 环境变量，路径是modules模块儿的所在路径，注意用户模块和全局安装模块儿的路径不同，根据需要选择，不设置服务器报错找不到模块module

node D:\lang\nodejs\node_modules\jsmpeg-master\websocket-relay.js 123456 8981 8982

ffmpeg -i rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov -f mpegts -codec:v mpeg1video -bf 0 -codec:a mp2 -r 120 -q 2 http://localhost:8981/123456/640/480/

ffmpeg -i rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp -f mpegts -codec:v mpeg1video -bf 0 -codec:a mp2 -r 120 -q 2 http://localhost:8981/123456/640/480/

海康：
rtsp://[username]:[password]@[ip]:[port]/[codec]/[channel]/[subtype]/av_stream

rtsp://admin:12345@192.0.0.64:554/h264/ch1/main/av_stream

大华：
rtsp://username:password@ip:port/cam/realmonitor?channel=1&subtype=0

HTML5实时显示摄像头视频相关推荐

wxpython视频教程下载-闪烁wxpython显示摄像头视频
我是新来的蟒蛇.我正在尝试编写一个动作检测应用程序.目前,我正试图让网络摄像头的视频显示在屏幕上.目前的代码现在一开始没有闪烁,但是在任何调整大小之后,闪烁将会回来.任何线索?另外,为什么它没有sel ...
基于ffmpeg+SDL 实时播放摄像头视频
基于ffmpeg+SDL 实时播放摄像头视频基本流程 udp接收rtp数据流接收一帧数据后,转换为NAL单元送去解码 (这里特别说明一下,我本次用的接口是支持从连续数据流中自动分割出一个个NAL的, ...
OpenCV 获取摄像头并显示摄像头视频
OpenCV 获取摄像头,新建窗口显示摄像头视频结合Leaning OpenCV 第二个例子显示一个视屏文件写了一下获取摄像头的代码为并且创建窗口显示的代码为: #include " ...
2020-10-22OpenCV 获取摄像头并显示摄像头视频
OpenCV 获取摄像头,新建窗口显示摄像头视频结合Leaning OpenCV 第二个例子显示一个视屏文件写了一下获取摄像头的代码为并且创建窗口显示的代码为: #include " ...
在linux虚拟机上显示摄像头视频（V4L2编程）
使用V4L2编程在虚拟机上显示动态图像还不会使用V4L2进行基础操作的同学请参考前面的文章:使用V4L2拍照本次,我们进行进阶版学习,通过将摄像头的mjpg格式照片(摄像头不能直接采集rgb格式的 ...
利用jetson nano上自带的opencv实现多线程rtsp拉流、低延迟较稳定显示摄像头视频（c++）
目录关于自带opencv 第一步:实现简单rtsp拉流 1.1. 代码 1.2. 编译第二步:多线程rtsp拉流 1.2. 编译关于自带opencv jetson nano用镜像烧录时,已经预装 ...
记录QT在实时显示摄像头数据时候切换TAB页出现异常
最近在做一个项目,用一个TAB做页控件,里面放了不同的widget,其中Awidget是实时输出摄像头数据,是通过opencv转qimage,一开始正常,当我快速在A与B之间切换时就出现了如下错误: ...
树莓派驱动1.44寸TFT液晶并实时显示摄像头图像
** 需要什么 ** 一块lcd ,市面上大多数为spi ,i2c驱动的lcd,我这块是比赛剩下的模拟8080端口驱动.区别不大,仅需改动发送数据的函数一个摄像头,我这里使用的是某宝17块钱买来的o ...
QML显示摄像头视频的解决方案
版本信息: Qt Create 4.11.1 Qt 5.14.1 主窗口开始时视频显示代码,主要思路:main.cpp中engine注册方式,使用imageprovide类为视频提供图像源,在前端使用 ...

HTML5实时显示摄像头视频

HTML5实时显示摄像头视频相关推荐

最新文章

热门文章