WebRTC | Web服务器原理、Nodejs工作原理、Nodejs事件处理流程、V8引擎等要点解析...

最新推荐文章于 2024-08-09 06:00:00 发布
最新推荐文章于 2024-08-09 06:00:00 发布
阅读量292 收藏
点赞数
文章标签： java http js python spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aaLiweipeng/article/details/107759634
版权

  • 出于安全原因，像Chrome之类的浏览器是不允许直接调用本地的JS文件的；
    所以只能把它放在Web服务器端，
    通过Web服务器下载到本地，再运行这些程序；

  • 后续很多WebRTC案例，包括信令服务器，都是需要使用到Web服务器的；


Web服务器选型

  • Nodejs
    比较特殊，可以用js开发服务端程序；
    有两份JS，
    一份是用于控制服务器的，
    一份是用于下载到客户端去运行的；
  • Nginx
    性能上比Apache更好，灵活度等也优于Apache，
    所以逐渐把Apache取代；
  • Apache
    一开始出现的时候占服务器市场80%，
    逐渐被Nginx取代；


Web服务工作原理


Nodejs工作原理

  • Application：
    我们自己开发的JavaScript程序，
    Application运行，首先输出给V8JS引擎；

  • V8 JavaScript Engine【V8JS引擎 | 重点】
    这个引擎是从Chrome项目中抽取出来的；
    主要是对JS进行一些解析工作，解析完了之后生成二进制代码；
    解析生成的二进制代码去调用 Nodejs的API【NODE.JS BINDINGS】，
    随后【NODE.JS BINDINGS】会调用LIBUV【一个事件处理库】

  • 【LIBUV】
    类似于Android的Handler消息机制；


JS解析过程

  • 首先V8引擎 会收到 JS源程序；

  • 在服务端写服务的时候，
    首先是用JS写一个小的脚本；

  • 脚本经过V8，
    通过parser，解析成Abstract Syntax Tree，
    最终交给解析器【interpreter】，
    【interpreter】将其解析成bytecode【字节码，执行代码】；
    也可能【interpreter】经过编译优化【optimizing compiler】，
    形成优化后的代码【optimized code】，
    最终再转化成bytecode；


Nodejs事件处理流程

  • Nodejs收到事件之后的大概的处理流程

  • 首先是若干个Request，
    请求到Node.js 应用上来；

  • 拿到请求之后，会生成请求对应的事件，
    插入到事件队列【LIBUV中 的 Event Queue】中去，
    【LIBUV】中的Event Loop会不断循环，
    读取【Event Queue】队头的事件进行处理；

  • 简单的事件则直接【Callback】，返回一个【Response】
    （如请求一个HTML简单页面的事件）；

  • 还有复杂一点的事件，
    可能需要调用数据库、做一些查询工作、做数据统计，
    最终展示页面，
    这个时候会从线程池【Thread Pool】取出一个线程【Thread】，
    执行对应的【Function】，最后【Callback】，返回一个【Response】；
    最后回收线程；

  • 以上两个步骤的【Callback】，
    如果是最终结果，自然是直接返回一个【Response】，
    如果只是中间结果，
    可能还需要再次生成事件，插入【Event Queue】，
    进行下一轮的事件处理；


两个V8引擎

  • 我们说Nodejs比较特殊，
    可以用js开发服务端程序；
    有两份JS，
    一份是用于控制服务器的，
    一份是用于下载到客户端去运行的；

  • 那么 服务端、客户端 其实分别对应着一个V8引擎；


  • 一般情况下，在客户端发送请求之前，
    Nodejs的服务是要先运行起来的【running】，
    服务端有自己的JS，
    经过（服务端 的）V8解析、中间层LIBUV处理，
    然后先运行起来了；

  • 客户端发送一个http请求到Nodejs服务端，
    比如要请求【Request】某一个JS文件，
    那【Request】生成对应的事件【Event】之后，
    经过LIBUV的事件处理机制【上述流程】，
    进行事件处理，操作磁盘，拿到对应JS文件，
    然后Callback、Response返回给客户端【浏览器】；

  • 浏览器【客户端】收到服务端的JS文件之后，
    也将JS代码交给【（浏览器/客户端 自己的）V8】进行解析；
    解析得到执行代码【byteCode】之后；
    随后进行JS逻辑对应的中间层、底层操作；










参考自：

凌川江雪
关注
【WebRTC---入门篇】（五）Web服务器原理与Nodejs搭建
用可见的方式来记录和分享每一次收获
09-23 340
Nodejs安装方式 二进制安装 apt/brew/yum install nodejs nodejs开发依赖库 apt/brew/yum install npm Web服务器工作原理 常见服务器选型 Nodejs Nginx Apache HTTPS服务 为什么要调用HTTPS服务？ 调用摄像头等设备，涉及到个人隐私及安全 HTTPS=HTTP + TLS/SSL ...
Node.js流程控制引擎Stepify.zip
07-17
Stepify(node-stepify) 是一个简单易扩展的Node.js流程控制引擎，采用方法链（methods chain）的方式定制异步任务，使得Node.js工作流易于理解和维护。 目标是将复杂的任务进行拆分成多步完成，使得每一步的执行过程更加透明，化繁为简。 stepify特点 最基本的API的就3个：step()，done()，run()，简单容易理解。 精细的粒度划分（同时支持单/多任务），执行顺序可定制化。 每一个异步操作都经过特殊的封装，内部只需要关心这个异步的执行过程。 链式（chain）调用，代码逻辑看起来比较清晰。 灵活的回调函数定制和参数传递。 统一处理单个异步操作的异常，也可根据需要单独处理某个任务的异常。 最简单的用法 简单实现基于oauth2授权获取用户基本资料的例子： // Authorizing based on oauth2 workflowStepify()     .step('getCode', function(appId, rUri) {         var root = this;         request.get('[authorize_uri]', function(err, res, body) {             root.done(err, JSON.parse(body).code);         });     }, [appId], [redirectUri])     .step('getToken', function(code) {         var root = this;         request.post('[token_uri]', function(err, res, body) {             root.done(err, JSON.parse(body).access_token);         });     })     .step('getInfo', function(token) {         request.get('[info_uri]?token='\u00a0 \u00a0token,\u00a0function(err,\u00a0res,\u00a0body)\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0//\u00a0got\u00a0user\u00a0info,\u00a0pass\u00a0it\u00a0to\u00a0client\u00a0via\u00a0http\u00a0response\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0})\n\u00a0\u00a0\u00a0\u00a0.run();\n\u591a\u4e2astep\u5171\u7528\u4e00\u4e2ahandle\u3001\u9759\u6001\u53c2\u6570\u3001\u52a8\u6001\u53c2\u6570\u4f20\u9012\u7684\u4f8b\u5b50\uff1a\nStepify()\n\u00a0\u00a0\u00a0\u00a0.step('read', __filename)     .step(function(buf) {         // buf is the buffer content of __filename         var root = this;         var writed = 'test.js';         // do more stuff with buf         // this demo just replace all spaces simply         buf = buf.toString().replace(/\s /g, '');         fs.writeFile(writed, buf, function(err) {             // writed is the name of target file,             // it will be passed into next step as the first argument             root.done(err, writed);         });     })     .
nodejs实现webrtc视频聊天
weixin_33696822的博客
07-17 2139
前段时间研究webrtc，找了很多资料，都不好用。后来找到个skypertc，在上面做了修改，实现了功能。 不知道有多少人对这个感兴趣，并且正在找资料。 有兴趣的话请留言，需要人多的话我再花时间整资料出来。 转载于:https://www.cnblogs.com/fsd1/p/7197518.html...
WebRTC 入门：带有示例代码的实用指南
最新发布
欢迎拜读我的作品，喜欢的领域请给我留言
08-09 1574
WebRTCWeb 实时通信）是一组开源技术，可实现 Web 浏览器和移动应用程序之间通过互联网直接进行实时通信。它允许点对点音频、视频和数据共享，而无需任何插件或其他软件。WebRTC 广泛用于构建视频会议、语音通话、直播、在线游戏等应用程序。WebRTC 点对点连接ICE交互式连接建立）、STUNNAT 会话遍历实用程序）和TURN使用中继绕过 NAT 进行遍历是 WebRTC 框架的重要组成部分可实现互联网上的实时通信。
webRTC（一）：Nodejs环境搭建
黄孝果的博客
03-03 4250
关于webrtc ，这里直接从服务器的搭建开始记录，至于wenrtc是干嘛的有什么用，可以自行百度，这里记录的是如何使用和快速搭建的案例，方便自己，也方便他人快速实现端对端通信案例。 购买服务器 学习webRTC最好自备一台云服务器，我这里使用的是阿里云的ECS服务器，选择最便宜的一款，89元一年 购买服务器地址：https://www.aliyun.com/daily-act/ecs/a...
Node.js-开源的WebRTCToolkit媒体服务器
08-10
OWT的媒体服务器提供基于WebRTC的高效视频会议和流媒体服务。 它将单个WebRTC流扩展到许多端点。 同时，它还支持媒体流的媒体分析功能
Node.js-一个WebRTC屏幕录像机electron应用
08-10
WebRTC（Web Real-Time Communication）是Google开发的一套开源项目，旨在为浏览器和移动应用程序提供实时通信（RTC）能力，包括视频聊天、P2P文件共享和屏幕分享等功能。WebRTC支持在浏览器之间直接进行音频、视频...
WebRTC-CDN-Edge-Nodejs
05-12
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，以其非阻塞I/O和事件驱动的特性，非常适合处理大量并发连接，这使得它成为构建WebRTC服务的理想选择。开发者可以使用Node.js来构建信令服务器，处理WebRTC...
nodejs搭建的webrtc视频聊天室
04-14
【标题】：基于Node.js构建的WebRTC视频聊天室 【描述】：WebRTC（Web Real-Time Communication）是一项先进...开发者可以通过此项目深入理解WebRTC的工作原理，以及如何将它与Node.js结合，实现高效的实时通信应用。
opencv_webrtc_nodejs
07-10
具体实现上，开发者可能首先通过WebRTC获取用户的摄像头视频流，然后利用Node.js创建一个服务器，这个服务器接收到视频流后，通过opencv4nodejs对视频流进行处理，比如人脸识别、物体识别等计算机视觉任务。处理后的...
webrtc nodejs 视频聊天
01-14
基于浏览器，webrtc进行的语音视频聊天，采用nodejs
ProjectRTC, 在 nodeJS ( android客户端) 上，WebRTC实时流 ！.zip
08-27
ProjectRTC, 在 nodeJS ( android客户端) 上，WebRTC实时流 ！ ProjectRTC WebRTC实时流媒体Node.js 服务器桌面客户端Android客户端插件你还可以从Digix技术中查看这里iOS客户端：iOS客户端信令部分是用 socket.io 完成的。 客户端是用
基于Nodejs的定制化流程引擎设计与实现
09-20
大型企业的业务流程因每个单位或部门的工作性质而或多或少有差异,因此流程管理也成为难题,本设计实现开发人员在程序开发阶段将流程引擎与业务系统结合,业务管理人员不需要开发人员的参与下定制业务流程。技术以Nodejs为服务端,MySQL为数据库,以请求的方式调用引擎提供的接口,返回JSON,方便系统处理。
在Docker中部署基于Node.js的WebRTC服务
weixin_41821317的博客
04-04 566
参考https://nodejs.org/zh-cn/docs/guides/nodejs-docker-webapp/ 一、创建Node.js应用 使用的Node.js应用文件夹结构如下图： 其中，package.json应最先创建，用于描述应用程序及需要的依赖。 配合着 package.json 请在该文件夹路径下运行 npm install。如果使用的 npm 是版本 5 或者之后的版本，这会自动生成一个 package-lock.json 文件，它将一起被拷贝进入你的 Docker 镜像中。 二、
Nodejs+socket.io搭建WebRTC信令服务器
yinshipin007的博客
03-09 1106
除此之外，WebRTC还需要房间服务器将多端聚集到一起管理，以及信令服务器进行信令数据交换（如媒体描述信息SDP的交换，连接地址的交抽换等），但在WebRTC的规范中没有对这部分内容进行规定，所以需要由用户自己处理。另一个是客户端程序，它是要由浏览器请求后，下发到浏览器，由浏览器中的 V8 引擎进行解析处理。如果分不清这个，那麻烦就大了。★文末名片可以免费领取音视频开发学习资料，内容包括（FFmpeg ，webRTC ，rtmp ，hls ，rtsp ，ffplay ，srs）以及音视频学习路线图等等。
webrtc Ubuntu环境使用Nodejs+Socket.io搭建webrtc信令服务器
知识共享，你我皆是知识的搬运工
03-27 4163
ubuntu环境使用nodejs搭建信令服务器
WebRTC | Nodejs环境搭建
aaLiweipeng的博客
08-05 627
服务器 首先当然是要先选择服务器啦， 笔者选择的是阿里云的轻量应用服务器， 系统是LAMP配置，等下命令记得用yum： 服务器上 Node.js的 安装方式 二进制安装 通过二进制安装比较方便， 在Ubuntu、Mac、LAMP下等，都有相关的安装工具； 源码安装 需要下载源码，然后需要用到MakeFile，配置环境变量~ 吧啦吧啦，这里就不赘述了， 我们直接...
webRTC（二）：Nodejs搭建服务器
黄孝果的博客
03-03 2983
一、搭建http服务器 'use strict' var http =require('http'); var app=http.createServer(function(req,res){ res.writeHead(200,{'Content-Type':'text/plain'}); res.end('Http:Hello World\n'); }).listen(8081...
webRTC-NodeJS创建信令服务器
莫兮的博客
03-24 510
webRTC-NodeJS创建信令服务器 目录 文章目录前言推荐阅读构建信令服务器流程注意`WebSockets``server.js`识别用户完整的信令服务器 前言 本文取自《Learning WebRTC》 创建完整的WebRTC应用，需要抛开客户端的开发，转而为服务端的开发 推荐阅读 《Learning WebRTC》 构建信令服务器 将不在同一个电脑中的两个用户连接起来 服务器的目的是通过网络传输代替原先的信令机制 对多个用户做出回应： 允许一方用户呼叫另一方从而在双方间建立WebRT
com.unity.webrtc
08-11
com.unity.webrtc是Unity引擎中的一个包，它提供了在Unity游戏或应用程序中使用WebRTC（Web实时通信）技术的功能。 WebRTC是一种开放的实时通信技术，它允许通过浏览器或应用程序直接在网络上进行音频、视频和数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌川江雪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值