视频流在不需要插件能在浏览器上播放

时间:2023-01-23 14:42:36
小我目前可以实现火狐浏览器+vlc控件在再输入ip地址的时候实现实时监控的设定,想在原来的基础上实现不需要插件,在手机,浏览器上通过访问阿里云的一个界面就可以实现查看监控视频,
(感觉和直播差不多,但是不知道两者原理是否相同,还请各位大大们指点下)
目前我拥有的东西
(1)海康威视通过ffserver转后的flv视频流,编码格式是h264编码
(2)阿里云ip

我的想法:单纯的编写一个可以展示的视频的界面,在这个界面上使用<video>标签 但是这个标签src部分我就有点整不明白了,有什么讲究么?还是说有别的实现方案,希望各位大大们帮我看下

3 个解决方案

#1


<video> 支持h.264格式的mp4,但有些浏览器不支持,由于版权问题。如xp上的firefox
低版本的使用flash调mp4的方法播放。如ckplayer

#2


版主 <video>支持mp4格式 我试过啦 也成功了 但是这个mp4不能是视频流吧 
<div class="playContent">
        <div class="playScreen">
            <video id="myVideo">
                <source src="http://192.168.37.145/test.mp4" type="video/mp4">
            </video>
        </div>

当我这里填写的视频流的时候 测试的时候 浏览器不是显示的是文件坏掉要不就是找不到支持
视频流放在html5中有什么讲究么 还是这里的实时视频流 必须是webm格式呀 
版主 给点建议吧 视频流在不需要插件能在浏览器上播放

#3


谢了 版主 不过最后我选择了webm格式  这样就可以直接实现播放 

#1


<video> 支持h.264格式的mp4,但有些浏览器不支持,由于版权问题。如xp上的firefox
低版本的使用flash调mp4的方法播放。如ckplayer

#2


版主 <video>支持mp4格式 我试过啦 也成功了 但是这个mp4不能是视频流吧 
<div class="playContent">
        <div class="playScreen">
            <video id="myVideo">
                <source src="http://192.168.37.145/test.mp4" type="video/mp4">
            </video>
        </div>

当我这里填写的视频流的时候 测试的时候 浏览器不是显示的是文件坏掉要不就是找不到支持
视频流放在html5中有什么讲究么 还是这里的实时视频流 必须是webm格式呀 
版主 给点建议吧 视频流在不需要插件能在浏览器上播放

#3


谢了 版主 不过最后我选择了webm格式  这样就可以直接实现播放