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

相关推荐
美狐美颜SDK开放平台1 小时前
多场景美颜SDK解决方案:直播APP(iOS/安卓)开发接入详解
android·人工智能·ios·音视频·美颜sdk·第三方美颜sdk·短视频美颜sdk
三十_2 小时前
WebRTC 远端画面无法显示:ICE 与 SDP 时序问题深度解析与解决方案
webrtc
ai产品老杨3 小时前
深度解析:基于国产化异构计算的 AI 视频管理平台架构——从 GB28181 接入到 NPU 边缘推流的解耦实践
人工智能·架构·音视频
watson_pillow3 小时前
音视频相关基础知识储备入门-字幕
音视频
程序员JerrySUN4 小时前
Jetson边缘嵌入式实战课程第二讲:JetPack 和 SDK Manager 是什么
c语言·开发语言·网络·udp·音视频
weixin_6686 小时前
NVIDIA VSSVideo Search and Summarization视频搜索与摘要蓝图详尽使用说明与技术报告版本
人工智能·音视频
jiayong237 小时前
国内外视频/图像大模型与智能体工具平台竞品对比
ai·音视频·agent
视频技术分享7 小时前
技术赋能生态革新:音视频产业开启千亿增长新周期 视频会议成核心增长亮点
音视频
reasonsummer8 小时前
【教学类-160-14】20260425 AI视频培训-练习014“豆包AI视频《月下枯蔷(哥特风)》+豆包图片风格:油画”
人工智能·音视频·豆包
AI服务老曹8 小时前
深度解析:支持 GB28181/RTSP 及异构计算(X86/ARM+GPU/NPU)的 AI 视频管理平台架构方案(附源码交付与 Docker 部署)
arm开发·人工智能·音视频