【音视频】基于webrtc协议浏览器播放rtsp

背景

现阶段直播越来越流行,直播技术发展也越来越快。Webrtc和rtsp是比较火热的技术,而且应用也比较广泛。本文通过实践来展开介绍关于rtsp、webrtc的使用过程。

正文

本文是基于ffmpeg技术将mp4转换为rtsp视频流,并且将流推送到流媒体服务器(EasyDarwin)上,而后采用了webrtc-streamer对rtsp进行了播放。我相信会更好的别的使用方式,本文采取这种方式只是经过了一次实践做了一次记录,同时也分享给大家。

1、安装流媒体服务器

安装EasyDarwin-windows-8.1.0

2、启动流媒体服务器

启动命令:

复制代码
EasyDarwin.exe

3、流媒体服务器运行

浏览器中输入http://localhost:10008/#/

4、Ffmpeg将mp4转换为rtsp

启动命令:

复制代码
ffmpeg -re -i 2.mp4 -rtsp_transport tcp -vcodec libx264 -acodec aac -f rtsp rtsp://localhost/test

启动效果:

5、Ffmpeg推流之后的效果:

6、启动webrtc-streamer

7、查看webrtc的播放

通过浏览器查看webrtc的播放效果:

http://localhost:8000/webrtcstreamer.html?video=rtsp://localhost/test\&options=rtptransport=tcp\&timeout=60\&

相关推荐
leiming61 小时前
Qt视频监控系统开发实战:从视频捕获到照片管理
linux·数码相机·音视频
却道天凉_好个秋2 小时前
音视频学习(八十七):AVCC、HVCC和VVCC
音视频·avcc·hvcc·vvcc
我的offer在哪里2 小时前
hdr格式视频的生成原理解析
音视频
小徐敲java3 小时前
视频推流服务器与FFmpeg 安装配置
服务器·ffmpeg·音视频
查无此人byebye4 小时前
从零解读CLIP核心源码:PyTorch实现版逐行解析
人工智能·pytorch·python·深度学习·机器学习·自然语言处理·音视频
我是ed.4 小时前
Vue3 音频标注插件 wavesurfer
前端·vue.js·音视频
查无此人byebye4 小时前
阿里开源Wan2.2模型全面解析:MoE架构加持,电影级视频生成触手可及
人工智能·pytorch·python·深度学习·架构·开源·音视频
却道天凉_好个秋5 小时前
音视频学习(八十八):mp4
音视频·mp4
大佐不会说日语~1 天前
WebRTC技术实现简易直播平台
webrtc
mit6.8241 天前
[solution] 关闭硬件加速解决导出视频绿屏
音视频