webrtc和websocket的区别

Posted 2023-03-23

按照OSI网络分层模型，IP是网络层协议，TCP是传输层协议，而HTTP是应用层的协议。在这三者之间，SPDY和WebSocket都是与HTTP相关的协议，而TCP是HTTP底层的协议。
WebSocket则提供使用一个TCP连接进行双向通讯的机制，包括网络协议和API，以取代网页和服务器采用HTTP轮询进行双向通讯的机制。
本质上来说，WebSocket是不限于HTTP协议的，但是由于现存大量的HTTP基础设施，代理，过滤，身份认证等等，WebSocket借用HTTP和HTTPS的端口。

由于使用HTTP的端口，因此TCP连接建立后的握手消息是基于HTTP的，由服务器判断这是一个HTTP协议，还是WebSocket协议。 WebSocket连接除了建立和关闭时的握手，数据传输和HTTP没丁点关系了。 参考技术A webrtc和websocket都是用来传输数据,但是webrtc是p2p,去中心化的。而web socket还是有中心(服务端)的，webrtc在建立信道过程中，依赖web socket来传输sdp。【点击免费试用，0成本启动】

按照OSI网络分层模型，IP是网络层协议，TCP是传输层协议，而HTTP是应用层的协议。在这三者之间，SPDY和WebSocket都是与HTTP相关的协议，而TCP是HTTP底层的协议。WebSocket则提供使用一个TCP连接进行双向通讯的机制，包括网络协议和API，以取代网页和服务器采用HTTP轮询进行双向通讯的机制。本质上来说，WebSocket是不限于HTTP协议的，但是由于现存大量的HTTP基础设施，代理，过滤，身份认证等等，WebSocket借用HTTP和HTTPS的端口。由于使用HTTP的端口，因此TCP连接建立后的握手消息是基于HTTP的，由服务器判断这是一个HTTP协议，还是WebSocket协议。 WebSocket连接除了建立和关闭时的握手，数据传输和HTTP没关系了。

想要了解更多关于webrtc的相关信息，推荐咨询ZEGO即构科技。ZEGO即构科技自主研发的高音质语音视频引擎，能够提供实时清晰的多人语音通话独立自研的语音前处理模块（AEC, NS, AGC）能够提供优于同类竞品的处理效果，支持全带语音处理。良好的抖动缓冲、前向纠错和丢帧补偿技术使引擎适应复杂的网络环境，提供低延时清晰流畅的语音视频通话，在较差网络环境中自适应的找到延时与流畅的最佳契合点。官网游走的网鱼
2017-09-07·知道合伙人互联网行家游走的网鱼
知道合伙人互联网行家采纳数：43获赞数：394中国电子商务协会特聘讲师
向TA提问私信TA关注按照OSI网络分层模型，IP是网络层协议，TCP是传输层协议，而HTTP是应用层的协议。在这三者之间，SPDY和WebSocket都是与HTTP相关的协议，而TCP是HTTP底层的协议。
WebSocket则提供使用一个TCP连接进行双向通讯的机制，包括网络协议和API，以取代网页和服务器采用HTTP轮询进行双向通讯的机制。
本质上来说，WebSocket是不限于HTTP协议的，但是由于现存大量的HTTP基础设施，代理，过滤，身份认证等等，WebSocket借用HTTP和HTTPS的端口。

由于使用HTTP的端口，因此TCP连接建立后的握手消息是基于HTTP的，由服务器判断这是一个HTTP协议，还是WebSocket协议。 WebSocket连接除了建立和关闭时的握手，数据传输和HTTP没丁点关系了。已赞过已踩过<你对这个回答的评价是？评论收起ZEGO即构科技
2022-09-27·百度认证:深圳市即构科技有限公司官方帐号ZEGO即构科技深圳市即构科技有限公司致力于提供全球最清晰最稳定的实时语音视频云服务，深耕视频直播、视频社交、游戏语音、线上抓娃娃和在线教育等领域。向TA提问关注webrtc和websocket都是用来传输数据,但是webrtc是p2p,去中心化的。而web socket还是有中心(服务端)的，webrtc在建立信道过程中，依赖web socket来传输sdp。【点击免费试用，0成本启动】

按照OSI网络分层模型，IP是网络层协议，TCP是传输层协议，而HTTP是应用层的协议。在这三者之间，SPDY和WebSocket都是与HTTP相关的协议，而TCP是HTTP底层的协议。WebSocket则提供使用一个TCP连接进行双向通讯的机制，包括网络协议和API，以取代网页和服务器采用HTTP轮询进行双向通讯的机制。本质上来说，WebSocket是不限于HTTP协议的，但是由于现存大量的HTTP基础设施，代理，过滤，身份认证等等，WebSocket借用HTTP和HTTPS的端口。由于使用HTTP的端口，因此TCP连接建立后的握手消息是基于HTTP的，由服务器判断这是一个HTTP协议，还是WebSocket协议。 WebSocket连接除了建立和关闭时的握手，数据传输和HTTP没关系了。

想要了解更多关于webrtc的相关信息，推荐咨询ZEGO即构科技。ZEGO即构科技自主研发的高音质语音视频引擎，能够提供实时清晰的多人语音通话独立自研的语音前处理模块（AEC, NS, AGC）能够提供优于同类竞品的处理效果，支持全带语音处理。良好的抖动缓冲、前向纠错和丢帧补偿技术使引擎适应复杂的网络环境，提供低延时清晰流畅的语音视频通话，在较差网络环境中自适应的找到延时与流畅的最佳契合点。 参考技术B

WebSockets允许浏览器和Web服务器之间的全双工通信

WebRTC的PeerConnection允许两个浏览器之间的全双工通信

摘自CSDN

WebRTC：将房间添加到简单的 WebRTC 和 WebSocket 应用程序 - 需要建议

【中文标题】WebRTC：将房间添加到简单的 WebRTC 和 WebSocket 应用程序 - 需要建议

【英文标题】：WebRTC: Add rooms to simple WebRTC & WebSocket app - Advice Needed

【发布时间】：2017-08-12 16:17:35

【问题描述】：

我对@9​​87654324@ 和编码非常陌生，如果这不是一个明确的问题，我深表歉意。

我遵循 Shane Tully 示例 here 并对其进行了修改以在我的 AWS 服务器上运行。它正在运行查找，但一次只允许我一个连接。我想让用户输入我的 URL，后跟房间名称，以便连接到房间。

例如www.myurl.com/apple 其中 apple 是要创建的房间。这是一个示例 - 如果您在此 URL 的末尾添加 /apppl，它将创建一个房间。 （这个例子的代码比较复杂，使用socket.io。这里我使用ws for Node来创建websockets）

有人对此有什么建议吗？我的总体目标是创建一个包含视频通话功能的 Android 应用程序，并使用 WebView 来显示通话功能，这就是为什么我需要为每对设备设置不同的 URL，以便它们都访问同一个房间。

提前感谢您！ 克莱尔

服务器代码：

const HTTPS_PORT = 443;
const fs = require('fs');
const https = require('https');
const WebSocket = require('ws');
const WebSocketServer = WebSocket.Server;

const serverConfig = 
    key: fs.readFileSync('key.pem'),
    cert: fs.readFileSync('cert.pem'),
;

// ----------------------------------------------------------------------------------------

// Create a server for the client html page
var handleRequest = function(request, response) 
    // Render the single client html file for any request the HTTP server receives
    console.log('request received: ' + request.url);

    if(request.url === '/') 
        response.writeHead(200, 'Content-Type': 'text/html');
        response.end(fs.readFileSync('client/index.html'));

     else if(request.url === '/webrtc.js') 
        response.writeHead(200, 'Content-Type': 'application/javascript');
        response.end(fs.readFileSync('client/webrtc.js'));
    
;

var httpsServer = https.createServer(serverConfig, handleRequest);
httpsServer.listen(HTTPS_PORT, '0.0.0.0');

// ----------------------------------------------------------------------------------------

// Create a server for handling websocket calls
var wss = new WebSocketServer(server: httpsServer);

wss.on('connection', function(ws) 
    ws.on('message', function(message) 
        // Broadcast any received message to all clients
        console.log('received: %s', message);
        wss.broadcast(message);
    );
);

wss.broadcast = function(data) 
    this.clients.forEach(function(client) 
        if(client.readyState === WebSocket.OPEN) 
            client.send(data);
        
    );
;

console.log('Server running. Visit https://localhost:' + HTTPS_PORT + ' in Firefox/Chrome (note the HTTPS; there is no HTTP -> HTTPS redirect!)');
//console.log("TEST TEST TEST" + JSON.stringify(room));

客户代码：

var localVideo;
var remoteVideo;
var peerConnection;
var uuid;
var constraints = 
        video: true,
        audio: true,
    ;

var peerConnectionConfig = 
    'iceServers': [
        'urls': 'stun:stun.services.mozilla.com',
        'urls': 'stun:stun.l.google.com:19302',
    ]
;

function pageReady() 
    uuid = uuid(); 

    localVideo = document.getElementById('localVideo');
    remoteVideo = document.getElementById('remoteVideo');
    serverConnection = new WebSocket('wss://' + window.location.hostname + ':443');
    serverConnection.onmessage = gotMessageFromServer;

    if(navigator.mediaDevices.getUserMedia) 
        navigator.mediaDevices.getUserMedia(constraints).then(getUserMediaSuccess).catch(errorHandler);

     else 
        alert('Your browser does not support getUserMedia API');
    


//CB if it is possible to run gerUserMedia then gets the local video stream
function getUserMediaSuccess(stream) 
    localStream = stream;
    localVideo.src = window.URL.createObjectURL(stream); //Depreciated
    //localVideo.srcObject = stream;



//CB this function starts the call 
function start(isCaller) 
    peerConnection = new RTCPeerConnection(peerConnectionConfig);
    peerConnection.onicecandidate = gotIceCandidate;
    peerConnection.onaddstream = gotRemoteStream;
    //peerConnection.ontrack = gotRemoteStream;
    peerConnection.addStream(localStream);

    if(isCaller) 
        peerConnection.createOffer().then(createdDescription).catch(errorHandler);
    


function gotMessageFromServer(message) 
    if(!peerConnection) start(false);

    var signal = JSON.parse(message.data);

    // Ignore messages from ourself
    if(signal.uuid == uuid) return;

    if(signal.sdp) 
        peerConnection.setRemoteDescription(new RTCSessionDescription(signal.sdp)).then(function() 
            // Only create answers in response to offers
            if(signal.sdp.type == 'offer') 
                peerConnection.createAnswer().then(createdDescription).catch(errorHandler);
            
        ).catch(errorHandler);
     else if(signal.ice) 
        peerConnection.addIceCandidate(new RTCIceCandidate(signal.ice)).catch(errorHandler);
    


function gotIceCandidate(event) 
    if(event.candidate != null) 
        serverConnection.send(JSON.stringify('ice': event.candidate, 'uuid': uuid));
    


function createdDescription(description) 
    console.log('got description');

    peerConnection.setLocalDescription(description).then(function() 
        serverConnection.send(JSON.stringify('sdp': peerConnection.localDescription, 'uuid': uuid));
    ).catch(errorHandler);


function gotRemoteStream(event) 
    console.log('got remote stream');
    remoteVideo.src = window.URL.createObjectURL(event.stream); 
    //remoteVideo.src = event.stream;


function errorHandler(error) 
    console.log(error);


// Taken from http://***.com/a/105074/515584
// Strictly speaking, it's not a real UUID, but it gets the job done here
function uuid() 
  function s4() 
    return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
  

  return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();

【问题讨论】：

WebRCT 太复杂了。首先，您需要完全了解架构。我现在无法回答您的问题，但我已经使用本指南实施了太久：***.com/questions/24575368/…

太好了，我去看看！是的，这很复杂，我是一名学生，被要求做一个项目来创建两个 Android 平板电脑之间的视频链接，看起来 WebRTC 会很容易，因为它到处都这么说！！！不是，但 *** 非常适合提供帮助！

这个问题貌似是关于discovery，其实不在WebRTC的范围内。如果这很复杂，那不是 WebRTC 的错。

你是对的！！我认为只是我没有足够的基础知识，所以我很难找到 WebRTC，但我认为这是因为我将它混为一谈创建视频链接的所有内容！我把它收回！！感谢您的链接，我会研究它！

【参考方案1】：

您需要更改示例中的服务器代码。现在它只是将所有消息广播给所有其他客户端。您需要做的是在服务器端设置正确的逻辑，仅向具有相同房间 ID 的客户端发送消息。

I have written a webRTC based p2p scalable broadcast following Shane Tully's example. Click here to see

您可以从这里开始，通过仅向特定客户端发送信令消息来了解我的意思。在您的情况下，消息广播应仅针对具有相同房间 ID 的客户端进行。我希望这会有所帮助！