简单的WebRTC示例

最新推荐文章于 2025-03-05 18:09:33 发布

lisuaichen

最新推荐文章于 2025-03-05 18:09:33 发布

阅读量1w

点赞数 4

分类专栏： webRTC开发文章标签： webrtc 局域网 chrome

本文链接：https://blog.csdn.net/lishuaichen/article/details/78520941

版权

本文提供了一个简化的WebRTC一对一通信示例，适用于Chrome 37及以上版本。在无ICE服务器的情况下，同一局域网内仍能实现通讯。通过Node.js的ws和express模块搭建WebSocket信令服务器，并详细描述了客户端和服务器的代码实现。测试时，两个Chrome浏览器窗口分别访问不同的URL，经用户许可访问摄像头和麦克风后，可看到本地和远端的画面，实现实时通讯。

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

网上关于WebRTC的示例大多代码较多，以下是参考那些代码简化的一个WebRTC一对一的示例，在chrome 37下测试通过。其中iceServer可省略，没有iceServer时在同一个局域网下仍可通讯。

客户端代码：

<html>
<body>
    Local: <br>
    <video id="localVideo" autoplay></video><br>
    Remote: <br>
    <video id="remoteVideo" autoplay></video>

    <script>
        // 仅仅用于控制哪一端的浏览器发起offer，#号后面有值的一方发起
        var isCaller = window.location.href.split('#')[1];

        // 与信令服务器的WebSocket连接
        var socket = new WebSocket("ws://127.0.0.1:3000");

        // stun和turn服务器
        var iceServer = {
            "iceServers": [{
                "url": "stun:stun.l.google.com:19302"
            }, {
                "url": "turn:numb.viagenie.ca",
                "username": "webrtc@live.com",

最低0.47元/天解锁文章