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

相关推荐
小彭努力中41 分钟前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
sweetone6 小时前
安桥CR-245BT 微型桌面音响不开机小修
经验分享·音视频
EasyGBS6 小时前
花屏蓝屏画面模糊画面冻结检测...国标GB28181视频分析平台EasyGBS视频质量诊断助力城市公共区域监控“看得清、管得好”
音视频
余道各努力,千里自同风11 小时前
视频自动播放带声音
音视频
AI服务老曹12 小时前
打破品牌孤岛:基于 GB28181 与 RTSP 协议融合的 AI 视频中台架构解析
人工智能·架构·音视频
Fleshy数模13 小时前
玩转OpenCV DNN模块:实现图片与实时视频风格迁移
opencv·音视频·dnn
飞易通13 小时前
Realtek RTL8761CTV 集成蓝牙5.3 LE Audio 双模音频方案覆盖多场景无线应用
音视频·ble·le audio·蓝牙5.3·realtek
春末的南方城市13 小时前
AI 首次实现电影级多镜头长视频生成!快手&港中文开源ShotStream,可实现单NVIDIA GPU上可达16 FPS 互式故事讲述和高效即时帧生成。
人工智能·音视频
老秦和梁思考14 小时前
AI硬件 - 音频前端处理技术路线
人工智能·音视频