谷歌浏览器vlc播放rtsp chrome播放rtsp视频流
大家好,谷歌浏览器vlc播放rtsp相信很多的网友都不是很明白,包括chrome播放rtsp视频流也是一样,不过没有关系,接下来就来为大家分享关于谷歌浏览器vlc播放rtsp和chrome播放rtsp视频流的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
本文目录
一、MobileVLCKit播放rtsp流时,设置TCP协议的问题
1、之前使用的是海康的SDK来播放rtsp流的,里面有专门设置采用TCP协议还是UDP协议的接口。
2、vlc-vvv启动vlc,看调试打印,有如下信息:vlcpictureistoolatetobedisplayed(missing30ms)Morethan4lateframes,droppingframe解决方法:升级vlc-1到vlc-0.8。
3、vlc0以前的版本,wiki上提供的方法却不再适用。原因是vlc的last一个版本中没有axvlc.cab文件了,最新的的一个在0.2版本对应的目录中。而且在IE中还回应为这个cab文件没有签名而无法安装此插件。
二、rtsp流浏览器播放方案
rtsp流在主流浏览器并不支持直接播放。比如大华的视频流:rtsp://admin:123456@
192.168.10.129/cam/realmonitor?channel=1&subtype=0,用vlc可以直接播放。但在浏览器会报ERR_UNKNOWN_URL_SCHEME。那如何在浏览器中播放呢。
1、安装插件(chrome最新版基本都不支持)
类如:kurento,vlc插件(谷歌浏览器版本41以下),vgx插件(不支持高版本,chrome72.0版本可用)等。
2、安装软件(中间件,基本都付费)
类如:Appemit(调用vlc插件播放rtsp),可以免安装的,目前只能windows,免费版会有提示。
猿大师中间件(底层调用VLC的ActiveX控件,实现在主流浏览器网页中内嵌播放多路RTSP的实时视频流),中间件收费的。
PluginOK(牛插)中间件。底层调用ActiveX控件VlcOcx.dll。(商业用途需付费使用)
推流--------------服务器转发--------------拉流
a,vlc软件串流到http协议,网页显示几个视频需启动几个vlc,只适合应急场景。
b,html5+ websocket_rtsp_proxy实现视频流直播,基于MSE(Media Source Extensions,W3C),扩展H5的功能。
步骤:服务器安装streamedian服务器,客户端通过video标签播放。
基于nginx实现rtmp转化,用flash实现播放。由于flash目前大多浏览器默认禁用,不推荐此方式。
步骤:安装ffmpeg工具,安装nginx。
另外nginx-rtmp-module也支持HLS协议,可以搭建基于hls的直播服务器。
d.rtsp转hls播放,通过ffmpeg转码
步骤:安装ffmpeg工具,ffmpeg转码。
ffmpeg-i"rtsp://admin:123456@192.168.10.129/cam/realmonitor?channel=1&subtype=0"-c copy-f hls-hls_time 2.0-hls_list_size 0-hls_wrap 15"D:/hls/test.m3u8"
缺点是直播流延时很大,对实时要求比较高的不满足要求。
案例:基于EasyDarwin拾建转码服务器。参考地址:
e.websocket代理推送,FFMPEG转码
(1)Gin+WebSocket+FFMPEG实现rtsp转码,参考:
通过FFMPEG把rstp转成http,ginrtsp作为转发服务器,但需要自己写相应接口,需要了解go语言。
(2)node+ ffmpeg+ websocket+ flv.js,参考:
步骤:在node服务中建立websocket;通过fluent-ffmpeg转码,将RTSP流转为flv格式;通过flv.js连接websocket,并对获取的flv格式视频数据进行渲染播放。
import WebSocket from'ws'import webSocketStream from'websocket-stream/stream'import ffmpeg from'fluent-ffmpeg'//建立WebSocket服务const wss= new WebSocket.Server({ port: 8888, perMessageDeflate: false})//监听连接wss.on('connection', handleConnection)//连接时触发事件function handleConnection(ws, req){ //获取前端请求的流地址(前端websocket连接时后面带上流地址) const url= req.url.slice(1) //传入连接的ws客户端实例化一个流 const stream= webSocketStream(ws,{ binary: true}) //通过ffmpeg命令对实时流进行格式转换输出flv格式 const ffmpegCommand= ffmpeg(url) .addInputOption('-analyzeduration','100000','-max_delay','1000000') .on('start', function(){ console.log('Stream started.')}) .on('codecData', function(){ console.log('Stream codecData.')}) .on('error', function(err){ console.log('An error occured:', err.message) stream.end() }) .on('end', function(){ console.log('Stream end!') stream.end() }) .outputFormat('flv').videoCodec('copy').noAudio() stream.on('close', function(){ ffmpegCommand.kill('SIGKILL') }) try{ //执行命令传输到实例流中返回给客户端 ffmpegCommand.pipe(stream) } catch(error){ console.log(error) }}
优点全部基于js。前端即可搞定。
参考:
如果你还想了解更多这方面的信息,记得收藏关注本站。
声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。
本文链接:http://www.gdxhedu.com/news/187993.html