苹果电脑如何用HTML5播放,用HTML5播放IPCamera视频

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内容:

Your browser does not support the video tag.

二, 打开浏览器，输入电脑的IP地址192.168.1.10,点击左下角的“播放”即可播放视频.浏览器要用chrome的，试了IE不行。

苹果电脑如何用HTML5播放,用HTML5播放IPCamera视频相关推荐

二台苹果电脑如何用网线直接连接
本想和WINDOWS一样,网线一插入,二电脑直接设置手动IP就行了,但事与愿违,总是出现如下提示: PING 192.168.99.2 (192.168.99.2): 56 data bytes pi ...
苹果电脑 mp4 视频文件太大怎么变小
苹果电脑上最大的文件可能就是您的视频了,无论是硬盘空间不足还是想要给对方发送过大的视频,压缩视频都是减小文件大小的好方法. 那我们怎样操作才可以让苹果电脑上面的MP4文件变小呢?不要担心,本文将讲解关 ...
苹果电脑花屏死机的原因和解决方法
笔记本使用中出现故障较常见的是花屏和黑屏等,想必大家都有遇到过,一般是显卡芯片或者屏幕屏线出现问题.大家对苹果笔记本操作都不熟悉,所以一出现黑屏问题就令人着急,怎么办?现在小编来告诉大家一下具体修复方 ...
苹果电脑花屏死机怎么办
笔记本使用中出现故障较常见的是花屏和黑屏等,想必大家都有遇到过,一般是显卡芯片或者屏幕屏线出现问题.大家对苹果笔记本操作都不熟悉,所以一出现黑屏问题就令人着急,怎么办?现在小编来告诉大家一下具体修复方 ...
FaceTime 在苹果电脑macOS与iPhone iOS上视频聊天配置步骤
FaceTime 在macOS与iPhone视频聊天配置步骤前提,毫无疑问,你要有Apple ID. 1,在苹果电脑,到Applications目录下打开运行FaceTime 2,还是在电脑,输入你 ...
HTML5移动端音乐播放器（启蒙篇）
这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分.前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目. 在线地址:请猛击这里源码:请猛击这里 ...
支持在iPad中播放的HTML5视频网站推荐
YouTube是最早支持HTML5视频的网站,随着iPad等平板电脑的流行,越来越多的视频网站开始支持HTML5视频播放.下面就向大家分享一些国内的HTML5视频网站,是根据网上信息整理而成,欢迎大家 ...
html5视频播放器隐藏控制,HTML5 video标签（播放器）学习笔记（二）:播放控制
上一篇介绍了html5标签video(播放器)初始化需要做的一些工作,如何简单快速使用html5的播放器,本文将重点介绍如何用JS来操作video标签,也就是如何对video做一些简单基本的操作,包括 ...
ipad在线看html5,完美支持Html5 iPad优酷播放体验
完美支持Html5 iPad优酷播放体验作者: 佚名比特网 CNETNews.com.cn 2010-09-09 09:05:30 [导读]采用HTML5和HTTP Live Streaming技 ...

苹果电脑如何用HTML5播放,用HTML5播放IPCamera视频

苹果电脑如何用HTML5播放,用HTML5播放IPCamera视频相关推荐

最新文章

热门文章