谷歌浏览器 rtsp 谷歌浏览器下载手机版

大家好,关于谷歌浏览器 rtsp很多朋友都还不太明白,今天小编就来为大家分享关于谷歌浏览器下载手机版的知识,希望对各位有所帮助!

谷歌浏览器  rtsp 谷歌浏览器下载手机版

本文目录

  1. rtsp如何在edge播放
  2. 视频流rtsp的使用
  3. rtsp流浏览器播放方案
  4. 什么手机浏览器能登陆海康头

一、rtsp如何在edge播放

1、如果想在高版本的谷歌Chrome、Firefox、Edge中低延迟播放海康威视大华等摄像头的额RTSP视频流可以采用猿大师的VLC播放程序,借助猿大师提供的内嵌网页播放的专利技术,底层调用VLC的ActiveX控件(需安装VLC桌面客户端)可实现在网页中内嵌播放多路RTSP的实时视频流。支持H.264或H.265格式,支持多路同时播放,可以做到低延迟(300毫秒),兼容主流浏览器的老版本和最新版本。MicrosoftEdge是由微软公司开发基于Chromium的浏览器,旧版于2015年7月29日发布,新版于2020年1月15日发布,是Windows10电脑上的默认浏览器。

2、MicrosoftEdg是一款焕然一新的浏览器,提供了卓越的性能、更多隐私保护、更高工作效率以及更多价值。

二、视频流rtsp的使用

1、首先采用的是vlc插件,辅助展示后台返回的rtsp流,但是最终vlc显示的视频大小分辨率是1:1形式,不理想,且vlc支持的浏览器有:ie浏览器,谷歌45版本以下;限制版本太高;

2、然后想让后台把rtsp流转换为hls流,前端比较好控制样式等,网页响应速度也会提升很多,结果项目使用的海康摄像头,是264段,而转hls只支持265段的,只能放弃;

3、最终还是返回使用海康自带的插件,切换布局时,切换插件的layout

4、关于视频覆盖弹框问题:使用接口JS_hideWin()隐藏窗口

5、在视频离开页面时一定要记得销毁服务,防止页面运行缓慢

三、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。前端即可搞定。

参考:

四、什么手机浏览器能登陆海康头

谷歌Chrome浏览器接入RTSP海康大华摄像头视频纯H5播放谷歌观看海康摄像头原创

传统安防行业都是在ie用控件观看海康大华摄像头,但是ie现在很多人不想用,随着谷歌禁用flash,h5观看直播必定有所增加。这里分享一种用纯H5无插件谷歌浏览器观看海康摄像头的方式。

使用环境摄像头需要在同一个局域网内。

1、选择一个后台流媒体服务器支持rtmp推流,并进行转码支持http-flv,hls。

这里后台流媒体采用开源的nginx,可以自行百度编译下载,也可以去这里下载编译的nginx

2、去ffmpeg官网:可以下载ffmpeg,用ffmpeg通过rtsp从摄像头拉流推给nginx,有能力的可以自行开发设备接入网关用rtps,海康sdk,大华sdk,onvif,国标等方式从摄像头拉取码流在进行推流

自行测试可以用ffmpeg推流命令如下

ffmpeg-i"rtsp://admin:admin123456@192.168.1.155:554/h264/ch1/main/av_stream"-vcodec libx264-acodec copy-f flv"rtmp://127.0.0.1:1935/live/hik1"

这样ffmpeg就把rtsp流转rtmp推给nginx。nginx做转发,前端就可以用谷歌观看了。

3、前端开发,可以用开源的flv.js进行开发,直接传入flv-url就可以进行观看视频,并且延时在1s左右。

总体就是需要将摄像头的码流转成http-flv,这样前端才能用flv.js直接播放码流无需插件。

完整demo路径如下包含后台流媒体和前端jsdemo,可观看海康实时视频

文章到此结束,如果本次分享的谷歌浏览器 rtsp和谷歌浏览器下载手机版的问题解决了您的问题,那么我们由衷的感到高兴!

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/127356.html