使用VLC转码，在HTML5页面播放实时监控

首先要获取摄像机品牌的RTSP地址：

如大华的是

rtsp://user:pwd@ip:port/cam/ realmonitor?channel=1&subtype=0

海康的是

rtsp://user:pwd@ip:port/MPEG-4/ch1/main/av_stream

Html5 <video>并不支持rtsp,所以使用vlc进行转码,将rtsp转http流,这样<video>就可以直接播放了

一，通过VLC转码
1.媒体->打开网络串流,输入IPCamera的视频流地址，这个地址可以问卖摄像头的人要，或直接问厂家要,在此拿海康的做例子:

rtsp://admin:hk123456@192.168.1.64:554/MPEG-4/ch1/main/av_stream

输完地址之后在右下角选择串流

2.点击底下的下一步->Http,点击添加->在路径处写上/stream,转换出来的视频流地址为，你本机服务器的IP地址+/stream,如http://192.168.1.4:8080/stream

3.点击下一步->选择要转换成的编码格式：Video-Theora+Vorbis(OGG)

4.点击下一步，修改串流输出字符串

5.点击流即可，这时VLC标题栏显示流 ,说明已经在转码

二，网页

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <video src="http://192.168.1.4:8080/stream" type="video/ogg" width="600" height="450" autoplay="autoplay" controls="controls" loop="loop">
Your browser does not support the video tag.

</video>
</body>
</html>

用chrome浏览器打开即可，如果打开时没有出来，是因为流还没有转换到播放的程度，可以稍等片刻。播放监控过程中不可把VLC关闭，否则视频只会播放到转码的部分

使用VLC转码，在HTML5页面播放实时监控相关推荐

如何在HTML5页面播放加密视频
如何在HTML5页面播放加密视频 - Polyv blog 如何在HTML5页面播放加密视频 Polyv移动端加密默认是可以直接支持HTML5浏览器播放的,如果担心视频在移动端被下载, 需要在Poly ...
前端实现播放实时监控视频笔记(hls http-flv)
前言最近被安排做一个数据可视化的项目,其中包括视频直播(实时监控)功能,于是只懂用 <video> 播放视频文件的我开始学习关于直播.实时播放等知识,在此做下笔记,并转发一些参考性文章. ...
html弹幕播放器源码,高性能HTML5弹幕播放器 Moe2_player
软件介绍 Moe2_player是一款高性能HTML5弹幕播放器. 特点:完全基于html5,移动设备友好,(iphone需要添加到桌面作为webapp方可观看弹幕) 性能强大,在多倍于B站最大弹幕覆 ...
浏览器页面操作——实时监控网页变化，读取网页内容
浏览器页面操作功能介绍浏览器页面操作是集简云的一款免费内置应用,它可以定时监控网页变化,精准捕捉所需信息.一键设置指定网页与元素,全自动监测并即时推送通知,助您在第一时间了解网页最新情况,让您更高效 ...
服务器监控页面html_Nmon实时监控并生成HTML监控报告
之前的文章介绍了服务端监控工具:Nmon使用方法,最近在github找到了一个nmon自动监控并生成HTML格式报告的工具:easyNmon,使用体验蛮不错的,这里介绍下它的安装及使用方法. 一.关于 ...
爬取通过ajax动态加载的页面（实时监控华尔街见闻资讯与快讯）
学习了几天如何使用scrapy去爬取静态网站,今天尝试去爬取动态加载的网站.选取的网站是华尔街见闻,文中不会像往常一样大篇幅讲解每一步该如何做,而是探讨如何爬取. 在源代码中无法获得全部数据(有的根本 ...
如何实现web浏览器无插件播放视频监控直播？
很多年前,监控视频的直播只能够进行单一的服务器传输,而如今,很多网站已经可以观看视频直播了,不过大多网站观看视频直播的时候还是需要下载插件,有时候就会碰到系统不兼容.版本不对应等问题,那么能不能实现w ...
【流媒体开发】VLC Media Player - Android 平台源码编译与二次开发详解 (提供详细800M下载好的编译源码及eclipse可调试播放器源码下载)
作者 : 韩曙亮博客地址 : http://blog.csdn.net/shulianghan/article/details/42707293 转载请注明出处 : http://blog.csd ...
html5微信自动播放视频,科技常识：HTML5页面音视频在微信和app下自动播放的实现方法...
今天小编跟大家讲解下有关HTML5页面音视频在微信和app下自动播放的实现方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML5页面音视频在微信和app下自动播放的实现方法的相关 ...

使用VLC转码，在HTML5页面播放实时监控

使用VLC转码，在HTML5页面播放实时监控相关推荐

最新文章

热门文章