用HTML5播放IPCamera视频
这里将IPCamera的视频转换OGG格式，再通过HTML5网页播放,播放还是很清晰的。IPCamera要支持RTSP等视频流协议，taobao上100多的很多IPCamera都支持。这里所有的操作都是同一台电脑上进行.
电脑上要装的软件:
VLC V2.1.3 视频转码软件
Apache V2.2 HTTP服务器
IPCamera IP地址:192.168.1.11
电脑IP:192.168.1.10
一，通过VLC转码
1.Media->Stream->Network,输入IPCamera的视频流地址，这个地址可以问卖摄像头的人要，或直接问厂家要,我的地址为:
rtsp://192.168.1.11:554/user=admin&password=&channel=1&stream=0.sdp?real_stream
2.点击底下的Stream->Next->Http,点击Add->在Path处写上/stream,转换出来的视频流地址为http://192.168.1.10:8080/stream
3.点击Next->选择要转换成的编码格式：Video-Theora+Vorbis(OGG)
4.点击Next->Stream即可，这时VLC标题栏显示Streaming,说明已经在转码
二，网页
Apache的安装使用很简单，不懂的地方可参考下网上的.我安装的目录为D:\Apache2.2，
网页的路径默认在D:\Apache2.2\htdocs,该目录下的文件只有一个index.html:
index.html内容:
<!DOCTYPE html>
<html>
<body>
<video controls>
<source src="http://192.168.1.10:8080/stream" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
二, 打开浏览器，输入电脑的IP地址192.168.1.10,点击左下角的“播放”即可播放视频.浏览器要用chrome的，试了IE不行。
版权声明：本文为博主原创文章，未经博主允许不得转载。
- 顶
- 0
- 踩
- 0
- 猜你在找
用HTML5播放IPCamera视频的更多相关文章
- html5播放mp4视频代码
1.nginx支持flv和mp4格式播放 默认yum安装nginx centos7安装nginx时候应该是默认安装nginx_mod_h264_streaming模块的 # nginx -V查看是否安 ...
- H5外包团队:使用HTML5播放短视频代码分享
滑动代码 /** * 滑动处理 */ function Touch() { this.init(); } Touch.fn = Touch.prototype; Touch.fn.init = fun ...
- html5播放m3u8视频，web端看直播
https://github.com/jiqing9006/hLive <!DOCTYPE html> <html> <head> <meta charset ...
- 不完全解决Android微信HTML5 播放视频的问题(不显示控制条，可交互)
首先你需要知道以下内容: http://ad.weixin.qq.com/learn/2-3-3--%E9%80%9A%E7%94%A8%E5%BA%93 这是微信为广告商开放的API,我一直认为只有 ...
- Android WebView 总结 —— 使用HTML5播放视频及全屏方案
在APP开发的过程中,会碰到需要在WebView中播放视频的需求,下面讲解一下如何在WebView中使用html5播放视频. 1.让视频在各个Android版本能够正常播放 在AndroidManif ...
- Html5 播放Hls格式视频
二群号为766718184 ,博主提供Ffmpeg.GB28181视频教程 播放地址: http://www.iqiyi.com/u/1426749687 移动端Html5支持Hls格式视频播放,创 ...
- Android中webview html5 自动播放本地视频
MainActivity代码 public class Html5VideoAutoPlay extends Activity { WebView webview = null; @Override ...
- html5 播放多个视频。一个接一个的播放
new个video,指定播放列表的第一个视频路径为src.监听end事件,回调里面把video的src改成列表的下一个,再play. 示意代码:var vList = ['视频地址url1', 'ur ...
- html5音频和视频标签
在html5之前的版本中如果想要在网页中插入音频和视频必须要安装插件才可以,比如最常见的flash插件.很多人在刚安装一款浏览器的时候都会遇到浏览器建议安装flash插件,在移动端也是如此.如果想要在 ...
随机推荐
- python struct模块的使用
struct模块中的函数 函数 return explain pack(fmt,v1,v2…) string 按照给定的格式(fmt),把数据转换成字符串(字节流),并将该字符串返回. pack_in ...
- ubuntu 安装最新的python3.7.0
原文:https://www.cnblogs.com/ningvsban/p/4384995.html 1. 安装pyenv git clone git://github.com/yyuu/pyenv ...
- WebGL编程指南案例解析之加载纹理（贴图）
var vShader = ` attribute vec4 a_Position; attribute vec2 a_TexCoord; varying vec2 v_TexCoord; void ...
- SWIFT中计算两个日期间隔多少小时
SWIFT中如何计算两个日期间隔多少个小时,其实几句代码就可以搞定了,Very Easy,在Playground内输入以下代码 var date1 = "2015-06-26 8:15:10 ...
- P1002 谁拿了最多奖学金
P1002 谁拿了最多奖学金 时间: 1000ms / 空间: 131072KiB / Java类名: Main 背景 NOIP2005复赛提高组第一题 描述 某校的惯例是在每学期的期末考试之后发放奖 ...
- C++内存管理的原则
内存管理原则,就是“谁创建,谁释放”或者说“谁申请,谁释放”. 简单地说,在代码上体现为,调用new或malloc等内存分配的人,同时需在内存使用完成后调用delete或free释放. 这个原则看似大 ...
- windows运行打开服务命令
1. gpedit.msc-----组策略 2. sndrec32-------录音机 3. Nslookup-------IP地址侦测器 4. explorer-------打开资源管 ...
- 2018C语言助教总结
回顾 很荣幸得到各位老师的认可,担任计科3班和4班的C语言课程助教,很感谢车老师和牛老师一学期的帮助,使得我更好的担任助教一职.我班学生59名,很愉快的与同学们度过一个美好的学期,其实作为助教同样从学 ...
- Linux命令行操作进程
参见 12个进程管理命令介绍 Linux如何查看进程.杀死进程.启动进程等常用命令
- 如何从github上clone项目源码-linux
前言 github是目前较为流行的代码托管网站,linux系统是目前开发人员较为常用的操作系统.项目实现的过程中用到一些经典好用的源代码,可以从github上clone,本文主要介绍linux系统命令 ...