基于 WebRTC 的 RTMP 推流实现流程

最新推荐文章于 2025-04-18 10:58:25 发布

幻想彩虹中的绚丽光华

最新推荐文章于 2025-04-18 10:58:25 发布

阅读量1.3k

点赞数 4

文章标签： webrtc WebRTC

本文链接：https://blog.csdn.net/syntax_bug719/article/details/133192158

版权

WebRTC 专栏收录该内容

172 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何结合 WebRTC 和 RTMP 实现浏览器到服务器的音视频流推流。首先通过 WebRTC 建立用户设备连接获取音视频流，然后使用 MediaRecorder 录制并推送至 RTMP 服务器，最终在服务器端利用 RTMP 播放器进行播放。实际应用中需考虑错误处理、网络稳定性和服务器配置等问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WebRTC 是一种用于在浏览器之间进行实时通信的开放标准。而 RTMP（Real-Time Messaging Protocol）则是一种用于音频、视频和数据传输的协议。结合这两者，我们可以实现基于 WebRTC 的 RTMP 推流，让用户可以通过浏览器将音视频流推送到 RTMP 服务器上。

下面是基于 WebRTC 的 RTMP 推流的实现流程：

建立 WebRTC 连接
首先，需要使用 WebRTC 建立一个与用户设备的连接，以便获取音视频流。这涉及到创建和管理 PeerConnection 对象，以及处理 ICE（Interactive Connectivity Establishment）候选项和 SDP（Session Description Protocol）等。
```
// 创建 PeerConnection 对象
const peerConnection = new RTCPeerConnection(
```

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

幻想彩虹中的绚丽光华

关注关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

【anyrtc】基于webrtc的rtmp推流实现流程

突围

10-23

4053

rtmp 推流修改anyrtc的开源项目，适配最新的webrtc实现推流 DlgRtmpPush 的大体流程：继承RTMPHosterEvent ，创建Hoster hoster事件类型： stream 建立连接 stream 重连 stream 状态推流失败流关闭 hoster 真身 RTMPHoster *m_pAVRtmpstreamer; 创建 RTMPHoster:::create（event回调者）销毁 RTMPHoster::De

用webtc和websocket进行推流到rtmp例子

2301_76719698的博客

10-17

1630

使用 WebRTC 和 WebSocket 直接推流到 RTMP 服务器并不是一个直接的流程，因为 WebRTC 和 WebSocket 是两种不同的协议，各自服务于不同的目的。不过，你可以通过一些中间步骤或技术来实现从 WebRTC 接收媒体流并将其转推到 RTMP 服务器。下面是一个概念性的步骤，展示如何将 WebRTC 流转换为 RTMP 流：1. WebRTC 客户端与服务器。

参与评论您还未登录，请先登录后发表或查看评论

如何用WHIP协议WebRTC推流到NodeMediaServer

最新发布

illuspas的专栏

04-18

1770

NMS v3.21支持WHIP协议的WebRTC推流，提供摄像头/桌面采集功能，支持OBS和网页集成。配置简单，支持HTTP/HTTPS推流，可主动结束推流或自动超时断开。

Web推流，Webrtc网页推流rtmp在教学直播录制中应用

phymat.nico的专栏

10-15

2386

同于业务需要在教学系统中实现直播和录制，我们都知道目前主要直播是RTMP为基础的直播系统，为了和业务系统方便集成需要以Web系统为基础的rtmp推流工具，H5原生不支持定义自定义socket消息，主流技术是用插件实现网页端推流，当前主要是flas技术做，由于flash技术已经势微，flash插件2020后开始下架，当然要适应新的技术，因此对需求做了分析，对技术做了调研分析。需求功能： 1，实现Ｗeb在线推流，在线直播功能。２，实现桌面共享和视频一起推流，实现混流。３，服务端录制，同步给在线点播

网页端WebRTC推流转换为RTMP/GB28181等其他直播流协议

m0_60259116的博客

07-06

562

网页端WebRTC推流转换为RTMP/GB28181等其他直播流协议

2024年最全SRS学习 - rtc转rtmp流程分析_webrtc推流到rtmp，2024年最新成体系化的神级Golang进阶笔记,

2401_84931568的博客

05-11

756

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Go语言开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新如果你需要这些资料，可以戳这里获取 } srs_error_t SrsRtcConnection::create_publisher(SrsRequest* req, SrsRtcSourceDescription* stream_desc) { sr

浏览器使用 webRTC 向 Srs流媒体服务器推流

qq_51677409的博客

08-07

2237

TIP : 核心就在于客户端创建 PeerConnection 对象, 给服务发 Offer 信息, 服务器响应 Answer 后建立网络连接。现在我们需要手动进入 WebRTC 推流, 我们应该怎么做?里面给了一个 publish 的示例, 我们根据这个改动。

RTMP 和 WebRTC

weixin_45146520的博客

02-05

973

对比维度RTMPWebRTC传输层协议TCP（可靠传输，可能高延迟）UDP（低延迟，允许丢包）连接模式客户端-服务器（单向推拉流）P2P 或 SFU/MCU（双向实时通信）协议复杂性简单（单一协议）复杂（集成 ICE/DTLS/SRTP/SDP 等）头部开销较高（Chunk 分块 + AMF 编码）较低（SRTP 精简头部）典型场景直播推流（OBS 推流到 CDN）视频会议、屏幕共享、P2P 通话扩展性依赖服务器扩展（如 SRS 集群）原生支持分布式（如 Licode SFU 架构）

rtmp与webrtc系统如何互通

dong_beijing的博客

05-14

1108

rtmp如何接入webrtc的视频会议系统总结

Vue3+Node中使用webrtc推流至mediamtx

gzy886i的博客

10-22

3421

为Vue3+Node实现推流目标，提供了俩种方案。用实际代码实现了Web端与mediamtx流媒体服务器建立WebRTC连接和传输媒体流。

使用WebRTC替代传统的RTMP推拉流方案

自由飞翔

03-06

1263

使用WebRTC替代传统的RTMP推拉流方案

web-rtmp-streamer:使用js和Flash来实现rtmp流媒体

05-08

web-rtmp-streamer 本项目使用js+swf实现了一个rtmp推流器。有效兼容腾讯云等标准rtmp推流服务。可以直接查看效果。本项目是在网易云推流DEMO基础上进行了二次开发，与原版相比，有以下改进：去除了原版只能向网易云推流的限制。解决了原版无法兼容新版chrome的问题（"Cross-origin plugin content from must have a visible size larger than 400 x 300 pixels, or it will be blocked. Invisible content is always blocked."）。解决了原版使用JSON.parse()前没判断类型导致推流失败的bug。剥离原版各种http请求（如心跳接口、获取网易云cdn地址等），实现纯净无监控推流器。

【licode】android client 基于webrtc 的采集推流

01-03

webrtc android capture 上一篇发现视频采集有问题自己的客户端是2018年、2017年的主干版本已经废弃。大神做了修改，但是在我这里会崩溃本想升级下，发现 VideoRender 没了，尝试使用新api，但是信令有问题，所以继续在我的老客户端上使劲。跑了下老版本webrtc的android 采集例子，今天修改了下，采集ok了，但是绿屏使用webrtc 做Android视频采集 websocket 信令调试的原因，新版webrtc api 调不通流程所以考虑恢复使用了大神工程里自带的老的库老库使用 render 渲染，新库没了这个类老库有i420fra

web 网页直播推流通过Flash获取，再转为RTMP

07-20

网页html直播，推流和接受流都有，通过RTMP，需要运行在服务器上，不能直接打开，

WEBRTC+SRS 边录边传网页直播推流

qq_42385482的博客

05-31

1372

vue项目实现网页在线直播，并实现录制直播，也可以理解为边录边传。

SRS流媒体服务器——WebRTC推拉流演示

热门推荐

努力努力再努力L

04-14

1万+

SRS流媒体服务器——WebRTC推拉流目录 WebRTC推拉流配置 WebRTC拉流演示 WebRTC推流演示 SRS官方WebRTC文档：https://github.com/ossrs/srs/wiki/v4_CN_WebRTC#rtmp-to-rtc 1. WebRTC推拉流配置 webrtc是默认⽀持的（–rtc=on），使⽤默认的rtc配置(conf/rtc2rtmp.conf)就可以运行。默认rtc2rtmp.conf配置如下： listen 19

一、webrtc-sfu - 推流篇 - 概览

好过的专栏

05-31

2708

学习和总结下webrtc推流的过程，仅仅是数据协议层的流程，不包括信令协议（这个也没有统一的规范）。服务器使用的是janus-gateway 推流篇一、抓包看总流程大概流程如下：通过STUN协议获取对方的公网IP和端口通过DTLS协议进行握手，设置加密信息等通过RTP和RTCP协议进行数据的传输和数据状态的上报和获取。二、简单了解协议 2.1 STUN协议协议标准 - RFC5389 参考文档-1 2.1.1 为什么需要STUN协议？首先需要了解下STUN协议能..

RTMP转WEBRTC实现音视频推流及网页无插件播放

superxxd的专栏

06-10

2969

rtmp协议作为直播姐的一大利器，周边生态很成熟，比如OBS这些直播工具，可以很好的满足网络推各种流，但是网页播放，传统一般是采用的swf播放插件，现在webrtc越来越流行，浏览器天然支持让音视频应用变得更加简洁高效，而且实时性也得到了不晓得提升。万能的开源给了我无穷的力量，没有什么是ctrl c v解决不了的，于是稍做整合就出来了一套效果不错的直播推流软件，想给女朋友同步分享看剧的朋友有福了，show me your code 以上代码，就是简单的实现了AAC转opus的关键一环，将无声的世界变得更

关于webRTC拉流及拉流步骤

ZYY6569XSW的博客

04-18

8523

WebRTC是一种实时通讯协议，它允许浏览器进行音视频通话和数据传输。下面是WebRTC拉流的步骤：1.获取媒体流拉流的第一步是获取媒体流。媒体流可以是摄像头、麦克风或屏幕共享。在WebRTC中，使用getUserMedia API获取媒体流。获取到媒体流后，就可以进行处理和发送了。2.创建RTCPeerConnectionRTCPeerConnection是WebRTC中最重要的对象之一。它处理与远程对等方之间的音视频通信。