html播放rtsp流,浏览器播放rtsp视频流解决方案

本文探讨如何在浏览器中播放RTSP视频流,包括HTML5结合websocket_rtsp_proxy、ffmpeg转换RTSP到RTMP/HLS以及使用VLC插件的方案。详细介绍了各种方法的实现步骤、优缺点,为解决浏览器RTSP播放问题提供参考。
摘要由CSDN通过智能技术生成

最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究。而浏览器不能直接播放,只有通过插件或者转码来实现这个需求。

要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一些开源的方案。这里的方案都是我尝试过了的,有些成功,有些没成功。但是因为每个项目情况不同,这次没成的方法,换个项目也许就能成。

方案一: html5 + websocket_rtsp_proxy 实现视频流直播

实现原理

51fc14174e542e52d34e52d3ba41e7e6.png

实现步骤

服务器安装streamedian服务器

客户端通过video标签播放

var errHandler = function(err){

console.log('err', err.message);

};

var infHandler = function(inf){

console.log('info', inf)

};

var playerOptions = {

socket: "ws://localhost:8088/ws/",

redirectNativeMediaErrors : true,

bufferDuration: 30,

errorHandler: errHandler,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值