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

相关推荐
txp玩Linux1 小时前
rk3568移植WebRTC AudioProcessing
webrtc
AI周红伟2 小时前
周红伟:字节官方发布Seedance 2.0 视频模型,技术实现过程和 技术分解
音视频
查无此人byebye5 小时前
实战DDPM扩散模型:MNIST手写数字生成+FID分数计算(完整可运行版)
人工智能·pytorch·python·深度学习·音视频
九丝城主11 小时前
1V1音视频对话2--Web 双浏览器完整通话测试(强制 relay)
前端·音视频
哈__11 小时前
基础入门 Flutter for OpenHarmony:video_player 视频播放组件详解
flutter·音视频
小陈Coding12 小时前
互联网大厂Java面试实录:电商音视频内容社区场景深度解析
aigc·音视频·java面试·电商·技术面试·互联网大厂·内容社区
TEC_INO12 小时前
Linux_22:音频AAC编码
音视频·aac
HAPPY酷12 小时前
C++ 音视频项目与 UE5 渲染与电影制作的关系
c++·ue5·音视频
听麟12 小时前
HarmonyOS 6.0+ PC端分布式并行计算引擎开发实战:边缘协同场景下的异构资源调度与任务优化
分布式·华为·音视频·harmonyos·政务