HTML5增加了vedio标签,能直接播放视频,但是播放的格式是有限的。

这里将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 视频 标签
猜你在找
 

最新文章

  1. android修改系统时区
  2. AngularJs-MVC之路由、模块以及依赖注入
  3. HBase概念学习(十)HBase与MongDB等NoSQL数据库对照
  4. 一个很不错的bash脚本编写教程
  5. cocos2d制作动态光晕效果基础——blendFunc
  6. HOWTO re
  7. asp.net Mvc+bootstarp+esayUI+EF 框架(一)
  8. yum 命令提示语法错误
  9. Delphi版的完成端口控件
  10. 向Dialog中添加一个新的Menu
  11. java_JDBC(4)
  12. 51Nod--1018排序
  13. APP Store开发指南
  14. 洛谷P3242 接水果
  15. 20165206 2017-2018-2 《Java程序设计》第6周学习总结
  16. 【转】Python之文件与目录操作(os、zipfile、tarfile、shutil)
  17. mongodb基础环境搭建
  18. public class 和class 的区别
  19. bazel-demo2_1
  20. C++类的成员函数的形参列表后面的const

热门文章

  1. Numpy 函数总结 (不断更新)
  2. php 函数2
  3. 拦截器interceptors
  4. ZOJ 17届校赛 Knuth-Morris-Pratt Algorithm( 水题)
  5. 【opencv基础】linux系统opencv以及opencv_contrib的安装与使用
  6. Spring的事件发布机制
  7. HDU3584 Cube
  8. java数据结构链表(纯面向对象的方式)
  9. (研)for循环的一个bug以及3个while循环的快排
  10. 初学者必读原生AJAX-异步的javaScript和XML