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

相关推荐
linux_cfan3 小时前
从“线性观看”到“语义检索”:企业级视频知识库播放器选型指南 (2026版)
javascript·学习·音视频·html5
熙熙他爹4 小时前
webrtc中的线程
webrtc
憧憬成为原神糕手1 天前
音视频学习一
学习·音视频·视频编解码
不吃鱼的猫7482 天前
【ffplay 源码解析系列】02-核心数据结构详解
c++·ffmpeg·音视频
lili-felicity2 天前
进阶实战 Flutter for OpenHarmony:视频全屏播放系统 - 结合屏幕旋转
flutter·音视频
奔跑吧 android2 天前
【车载Audio】【AudioHal 06】【高通音频架构】【深入浅出 Android Audio HAL:从加载到函数指针绑定的全链路解析】
android·音视频·audioflinger·aosp13·8295·audiohal·高通音频架构
l1t2 天前
利用DeepSeek和qwen 3.5辅助生成SQL优化方法幻灯片视频
数据库·sql·音视频
yq1982043011562 天前
基于Python爬虫原理的Pinterest视频资源获取技术解析与工具实践
爬虫·python·django·音视频
不吃鱼的猫7482 天前
【ffplay 源码解析系列】01-开篇-ffplay整体架构与启动流程
c++·架构·ffmpeg·音视频
哈__3 天前
基础入门 Flutter for OpenHarmony:video_thumbnail 视频缩略图详解
flutter·音视频