【音视频】基于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\&

相关推荐
2501_930296999 小时前
模型驱动创作全链路梳理:2026上半年图像与视频生成AI模型全景盘点
人工智能·音视频
潜创微科技9 小时前
# 国产无线投屏接收端主控芯片 QCW5004:原生集成 HDMI TX,1080P@60fps 硬解
音视频
qq_2915792511 小时前
AI电商主图视频在线生成:技术解析、工具横评与实战指南
人工智能·音视频
中微极客12 小时前
Gemini Omni Flash:对话式AI视频编辑新范式
人工智能·音视频·新人首发
阿拉斯攀登12 小时前
数据通道:RTCDataChannel 可靠与不可靠传输
音视频·webrtc·实时音视频·媒体·视频编解码
EasyDSS14 小时前
视频直播点播/音视频点播/云点播/云直播EasyDSS智慧校园:一屏直播,全场景重构“教、学、练、测、评”
重构·音视频
VidDown15 小时前
在线视频下载器技术解析:原理、工具与合规实践
网络·音视频·实时音视频·视频编解码·视频下载
REDcker15 小时前
腾讯TRRO SDK深度剖析
音视频·webrtc·实时音视频·直播·rtc·腾讯
阿拉斯攀登16 小时前
FFmpeg 转码详解:封装格式、编码器、码率控制
ffmpeg·音视频·webrtc·实时音视频·视频编解码
阿拉斯攀登17 小时前
FFmpeg 入门:命令行的 20 个常用场景
ffmpeg·音视频·webrtc·视频编解码