vivo y33s|rtsp流浏览器播放方案 vivo y33s

文章图片

文章图片

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 。（商业用途需付费使用）
3、服务器拉流转发及协议转换
示意图如下所示：

推流--------------服务器转发--------------拉流
方法一览：
avlc软件串流到http协议，网页显示几个视频需启动几个vlc只适合应急场景。
【vivo y33s|rtsp流浏览器播放方案】bhtml5 + websocket_rtsp_proxy 实现视频流直播，基于MSE（Media Source ExtensionsW3C），扩展H5的功能。
步骤：服务器安装streamedian服务器，客户端通过video标签播放。
原型图：

价格：

c.基于nginx的rsmp转发
基于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拾建转码服务器。参考地址:https://blog.csdn.net/jyt0551/article/details/84189498

通过存储的m3u8去读取。
e.websocket代理推送， FFMPEG转码
此方法与a ， b类似。但更实用。
以下提供两种方案：
（1）Gin+WebSocket+FFMPEG实现rtsp转码参考：https://juejin.cn/post/6844904024072798216
通过FFMPEG把rstp转成http ， ginrtsp作为转发服务器，但需要自己写相应接口，需要了解go语言。
（2）node + ffmpeg + websocket + flv.js ，参考：https://juejin.cn/post/6908641550046068744
步骤：在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)

vivo y33s|rtsp流浏览器播放方案

相关经验推荐

《原神》魔弹射手成就怎么做？魔弹射手成就完成位置推荐

形容非常忠诚的词语形容非常忠诚的成语有哪些

飞利浦电视流光溢彩，奢梦光影一触极致

设计师分享至臻2.0版本皮肤，玩家一眼认出“至臻皮肤”

咏史的诗句诗句盘点

舞台剧|迪迦和卡蜜拉共战，特利迦和卡尔蜜拉共战，舞台剧真的是圆梦现场

红糖煮姜有什么作用和功效？红糖煮姜功效，看完自然会了解

|《火影忍者》永恒万花筒写轮眼和轮回眼的实力区别为什么那么大？

IG复活了!“票选第一名将获得4号种子,进入S赛”,管泽元看好RNG打进4强

2023海口中考填报志愿几个档次 2022年海口中考政策

鬼谷八荒天骄npc送什么礼物好？天骄npc提升好感度送礼技巧

桑叶泡水喝的7大功效

vivo|论综合体验与实用性，我觉得vivo、红米、真我的这几款手机很合适

手游使命召唤飞机怎么开使命召唤模拟器怎么开飞机

乐至县市场监管局助力房地产行业健康有序发展

保定裕隆街在哪你知道吗

2022东莞京东9折消费券怎么领取？

羊肉和什么包饺子好吃羊肉和什么包饺子好吃?

世界八大烈酒有哪些世界八大烈酒都有哪些

《江湖悠悠》丹参药材介绍