Chrome和Edge的本地流传输（WebRTC）

最新推荐文章于 2025-10-13 16:49:28 发布

UnhcTransforms

最新推荐文章于 2025-10-13 16:49:28 发布

阅读量397

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/UnhcTransforms/article/details/133247106

WebRTC 专栏收录该内容

91 篇文章 ¥59.90 ¥99.00

订阅专栏

本文详细介绍了如何在Chrome和Edge浏览器中利用WebRTC API进行本地流传输，提供了获取和传输音视频流的代码示例，帮助开发者实现浏览器间的实时通信应用。

WebRTC（Web实时通信）是一种用于在浏览器之间进行实时音视频通信的开放标准。它提供了一组API，使开发者能够通过JavaScript在浏览器中实现点对点通信。其中一个重要的功能是本地流传输，它允许在同一浏览器内的不同标签页或窗口之间传输音视频流。

本文将重点讨论在Chrome和Edge浏览器中实现本地流传输的方法，并提供相应的源代码示例。

首先，我们需要创建一个本地流（LocalStream）。在Chrome浏览器中，我们可以使用getUserMedia方法来获取用户的音视频流。以下是获取音视频流的示例代码：

navigator.mediaDevices.getUserMedia({
   
    audio: true,

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UnhcTransforms

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Chrome和Edge的本地SDP WebRTC

MznkCloud的博客

09-24

284

总结起来，Chrome和Edge浏览器都提供了本地SDP的支持，我们可以借助这一功能来建立Peer-to-Peer连接，实现实时音视频通信。在WebRTC（Web实时通信）中，SDP（会话描述协议）是一种用于建立Peer-to-Peer连接的协议。Chrome和Edge是两个广泛使用的现代网络浏览器，它们都支持WebRTC技术，并提供了本地SDP功能。在这个HTML页面中，我们引入了适配器库（adapter.js），它可以帮助我们在不同浏览器之间实现兼容性。的脚本文件，用于处理本地SDP。

【音视频】WebRTC的简介并使用WebRTC并直播本地

m0_62599305的博客

07-27

1837

WebRTC（Web Real-Time Communication）是一种开源技术，旨在实现浏览器和移动应用之间的实时音视频通信。它提供了一套标准化的 API，使得开发者能够轻松实现实时音视频通话、数据交换和文件传输，而无需额外的插件或专用软件。WebRTC 的优势在于其简便性、实时性以及跨平台支持，使其成为现代通信应用的热门选择。本文将简要介绍 WebRTC 的基本概念，并演示如何使用 WebRTC 调用摄像头来获取实时视频流。

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

Chrome 57版本的WebRTC默认使用rtp,rtcp端口复用

RTC吧

08-09

2817

流媒体传输协议（RTP)包括两个不同的组件： 1，RTP负责传输音视频数据。 2，RTCP负责传输控制信令。 RTP协议规范规定，“ 底层协议必须提供数据和控制数据包的复用，例如使用单独的UDP端口号 ”。由于使用两个不同的端口（主要是由于NAT穿越）导致的复杂性，RFC-5761 提供了“使用单独的UDP端口解复用RTP和RTCP的替代方法，而仅使用单个UDP端口并在应用程序内解复用”

webrtc不支持怎么调用设想吐_如何在Chrome中为WebRTC调用者设置远程描述而不出错？...

weixin_39571938的博客

12-19

1263

I hope there is no flaw in the logic.Step 1: caller creates offerStep 2: caller sets localDescriptionStep 3: caller sends the description to the callee//-----------------------------------------------...

浏览器 WebRTC 泄露检测：Chrome / Firefox / Edge 的风险对比

最新发布

ToDetect的博客

10-13

603

很多人想知道：在不同浏览器（Chrome、Firefox、Edge）上，这个风险是否一样？如何快速、安全地检测？

WebRTC在Chrome浏览器里的演示例子

Langeldep的专栏

03-02

2882

WebRTC在Chrome浏览器里的演示例子： http://www.simpl.info/rtcpeerconnection/

chrome插件与本地exe程序之间的信息交互

weixin_68540347的博客

01-03

6661

chrome插件与本地python打包成的exe文件之间的信息交互

Chrome 插件开发与本地程序交互流程

MusicMan

07-10

4527

Chrome 插件开发与本地程序交互流程一、将本地程序写入注册表可以采用bat的方式写入注册表 REG ADD “HKCU\Software\Google\Chrome\NativeMessagingHosts\com.google.chrome.example.echo” /ve /t REG_SZ /d “%~dp0com.google.chrome.example.echo-win.json” / 只需要改动此处的json文件即可，其中该json文件与bat文件在同级目录该json格式如下

webrtc-streamer-v0.8.1

11-16

3. **浏览器兼容性**：由于基于WebRTC，它应该能在支持WebRTC的现代浏览器（如Chrome、Firefox和Edge）上运行。 4. **API接口**：提供了HTTP API，允许开发者通过HTTP请求控制流媒体，例如启动、停止、切换视频源等...

Electron与WebRTC技术实现Chrome屏幕共享功能

- WebRTC提供了获取视频和音频流的功能，并且能够把捕获的流传输到另一个端点，实现例如视频会议、屏幕共享等实时通信。 - 一个典型的WebRTC流程包括获取媒体、建立会话连接、交换信令信息、交换音视频数据等步骤...

【WebRTC】-Chrome查看统计信息

maoyingyong的专栏

06-26

1687

WebRTC，可以在 Chrome浏览器下地址栏中输入 chrome://webrtc-internals 即可看到所有的统计信息了。

网页如何和本地应用程序交互？

bible521125的专栏

01-25

8854

当前页面与本地应用层需交互的问题 IE，控件，非IE 插件；这个不通用，还非得用户去安装，去下载。而且浏览器本身也比较自律：所以问题的核心不是本地应用程序，而是浏览器，现在的主流浏览器都非常自律，还在进一步自律... 如果你可以在本地运行程序，那么就与浏览器毫无关系了任何方式（也许仅受制于IP协议），都可以收集数据，不过是一个网络通信的问题，浏览器，被指定不可以和未经授权的

Edge浏览器正式支持WebRTC 1.0：开视频暴爽

weixin_34341229的博客

08-15

504

日前，微软面向Insider用户推送了Windows 10 Build 15019版本系统，包括大量新功能和优化。其中，Edge 浏览器正式增加了对WebRTC 1.0 API 和相关的无插件视频通信技术的支持，使之网络视频能力大增。微软方面表示，最新的Windows 10预览版中的Edge版本支持WebRTC 1.0 API，以及用于实时通信的H...

网页与chrome插件实现交互，网页通过插件调取接口获取数据

weixin_42630688的博客

04-25

1706

网页与chrome插件数据交互，网页调用插件接口数据

Chrome插件 - JS与通信（拓展页面间信息交互）

⚡

03-29

5371

JS文件被调用的三种场合： popup.html <script type="text/javascript" src="xxx.js"></script> background "background" : { "scripts" : ["xxx.js"] } content_scripts "content_scripts":[{ "...

chrome拓展跨站_Google Chrome扩展与Web页面/服务器之间的交互

weixin_39888943的博客

12-21

736

* 通过content scripts，可以实现Google Chrome扩展与用户打开的Web页面之间的交互。* 通过跨域的 XMLHttpRequest，可以实现Google Chrome扩展与其他服务器之间的交互。content scripts是一组JavaScript文件，运行在浏览器当前打开的页面的上下文中，可以读取并修改当前打开的页面DOM结构。事实上，content scri...

微软Edge浏览器与WebRTC：实现下一代网络通信

2401_85812053的博客

06-20

1078

WebRTC允许直接在浏览器中实现点对点的通信，无需安装额外的插件或软件。

【网络通信 -- WebRTC】项目实战记录 (调试工具) -- chrome 与 WebRTC

CopperSun 技术博客

07-27

3951

【网络通信 -- WebRTC】项目实战记录(调试工具) -- chrome 与 WebRTC 【1】chrome://webrtc-internals/ 分析工具 RTCIceCandidate_XXX -- ICE 候选描述信息 timestamp 时间戳 transportId 传输 ID isRemote 是否为远端 networkType 网卡 ip IP 地址 address IP 地址 port 端口 protocol 传输...

【webrtc sdp】chrome和edge的localsdp

突围

03-11

505

本地发布。 chrome://webrtc-internals/ 对比发现，基本一样的。 edge local sdp setLocalDescription type: offer, sdp: v=0 o=- 6196430066713820107 2 IN IP4 127.0.0.1 s=- t=0 0 a=group:BUNDLE 0 1 a=extmap-allow-mixed a=msid-semantic: WMS m=audio 9 UDP/TLS/RTP/SAVPF 111 10..