一、WebRTC概述

最新推荐文章于 2024-06-30 17:44:46 发布

xyphf_和派孔明

最新推荐文章于 2024-06-30 17:44:46 发布

阅读量680

点赞数

分类专栏： WEBRTC相关

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/xyphf/article/details/106536584

版权

WEBRTC相关专栏收录该内容

61 篇文章 53 订阅

订阅专栏

WEBRTC 简单的说就是音视频处理+即时通讯的开源库

这是2020年Google公司进行开源的

Google公司为什么要开源WebRTC呢，这与谷歌公司的愿景是一致的，也就是他想在浏览器的应用之间进行非常方便的音视频实时通讯，为什么会产生这样的愿景，就是在Google看来，我们未来的技术趋势是逐渐向Web应用发展的，也就是说我们的操作系统也好，其他的应用也好，全部放在浏览器里面就可以使你享受到你想应用的各种应用，这样大家开发也比较方便，不像现在要开发安卓端、IOS端、windows端等。而浏览器是跨平台的，并且帮你把底层做掉，你只需要在浏览器里面生成相应的应用，可以极大的节省成本。

正因为如此才有了WEBRTC技术，那么在WEBRTC之前我们要实现实时的音视频互动的应用软件的话，需要花很大的精力，需要做整体的架构设计，音视频的编解码以及各种处理，例如回音消除等，还有网络的传输，防抖动防丢包等。

WEBRTC是一个非常优秀的跨平台多媒体框架。

WEBRTC能做什么？

音视频实时互动

游戏、即时通讯、文件传输等等

它是一个百宝箱，传输、音视频处理（回音消除、降噪等）

我们学什么？

音视频设备的访问与管理

音视频数据的采集

数据的传输与实时互动

WEBRTC的工作机制

谷歌公司给我们提供了一个体验的网址

https://appr.tc

在这个页面里面输入一个房间号

xyphf_和派孔明

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
一、WebRTC概述

WEBRTC 简单的说就是音视频处理+即时通讯的开源库这是2020年Google公司进行开源的Google公司为什么要开源WebRTC呢，这与谷歌公司的愿景是一致的，也就是他想在浏览器的应用之间进行非常方便的音视频实时通讯，为什么会产生这样的愿景，就是在Google看来，我们未来的技术趋势是逐渐向Web应用发展的，也就是说我们的操作系统也好，其他的应用也好，全部放在浏览器里面就可以使你享受到你想应用的各种应用，这样大家开发也比较方便，不像现在要开发安卓端、IOS端、windows端等。而浏览器是
复制链接

扫一扫

专栏目录

xyphf_和派孔明 CSDN认证博客专家 CSDN认证企业博客

码龄9年

711: 原创

2万+: 周排名

1万+: 总排名

226万+: 访问

: 等级

2万+: 积分

1171: 粉丝

1051: 获赞

362: 评论

3337: 收藏

私信

关注

热门文章

分类专栏

最新评论

WebGL/threeJS面试题扫描与总结
flower_water_: 这么细节，恩师！！!
论小程序canvas载入图片安卓机不显示drawImage无效怎么办？
弥森: 请接受我的膝盖，靠北这个BUG困扰了我4天了，试过所有的方法，谁能想到是设置透明色的问题，谢谢你！
事件队列事件循环(EventLoop) 宏任务微任务详解面试题
xyphf_和派孔明: vue nextTick原理 Vue.js 的 nextTick 方法巧妙地利用了 JavaScript 的事件循环机制和异步任务调度机制，以确保在组件 DOM 更新完毕后再执行传入的回调函数。下面是详细的原理说明： 1.事件循环 (Event Loop)： JavaScript 运行环境（浏览器或Node.js）采用单线程模型，并通过事件循环机制处理异步任务。事件循环包含多个阶段，其中有两个关键阶段涉及异步任务： - 宏任务 (Macro Task)：包括 setTimeout, setInterval, requestAnimationFrame, I/O 操作完成后的回调函数等。 - 微任务 (Micro Task)：包括 Promise 回调、MutationObserver 观察、process.nextTick（Node.js 环境）等。 2.Vue 异步更新队列： Vue.js 使用异步更新队列来优化性能。当数据发生变化时，Vue 不会立刻重新渲染整个视图，而是把视图更新任务放在一个异步队列中。这样可以让多个数据更改合并成一次视图更新，避免频繁无谓的DOM操作。 3.nextTick 的工作原理：当你需要在一个数据变化后立即访问更新后的 DOM 时，Vue 提供了 nextTick 方法。该方法内部会把用户的回调函数插入到异步任务队列中，通常会优先选择微任务队列。 - 如果环境支持，Vue 将优先使用 Promise（通过 Promise.resolve().then(callback)）或者更高效的类似微任务API（如 MutationObserver 或者 queueMicrotask）来安排回调。 - 若上述API不可用，则可能回退至使用 setTimeout(callback, 0)，这会将回调安排在下一个宏任务中执行。无论是微任务还是宏任务，最终目标都是确保在当前任务队列（包括同步任务和之前的微任务）全部执行完毕后，DOM 已经完成更新，然后才执行用户提供的回调函数。因此，nextTick 有效地利用了 JavaScript 事件循环的特性，使得开发者可以在恰当的时间点获取到更新后的 DOM 结构。这一机制尤其对于那些依赖于新状态下的 DOM 结构的操作非常重要。
事件队列事件循环(EventLoop) 宏任务微任务详解面试题
xyphf_和派孔明: Vue.js 中的 nextTick 方法允许开发者在下次 DOM 更新循环结束之后执行延迟回调。在 Vue 的异步更新队列机制中，数据改变并不会立即触发视图更新，而是将这些变更放入一个队列中，等待同步任务完成后，在下一个事件循环 tick 时再去更新 DOM。 Vue 2.x 版本中，nextTick 的底层实现主要依赖于以下几个策略： 1.Promise：在支持 Promise 的环境下，Vue 会使用原生的 Promise 实现 nextTick，即 Promise.resolve()。 2.MutationObserver：在现代浏览器中，Vue 会使用 MutationObserver 监听 DOM 变化，这是一种可以在 DOM 树变化时得到通知的 API。 3.setImmediate 和 MessageChannel：在一些特定的环境中，如 Internet Explorer 10 及以上版本或 Node.js 环境中，Vue 会尝试使用 setImmediate 或 MessageChannel API。 4.setTimeout(fn, 0)：作为兼容性兜底方案，Vue 最终会回退到使用 setTimeout(fn, 0)，尽管这种方式并不精确，但它能够在所有环境下保证异步执行。 Vue 3.x 版本中，由于使用了新的响应式系统（Composition API），nextTick 的实现细节有所改变，但基本思路仍然是利用微任务来在DOM更新后执行回调。Vue 3.x 中主要采用 queueJob 函数调度异步更新任务，这个函数会根据环境选择合适的异步任务调度器，例如优先使用 Promise.then 或者其他的微任务 API。总结来说，Vue 的 nextTick 提供了一种可靠的在 DOM 更新后执行操作的方法，其底层原理是利用了JavaScript 事件循环和异步任务调度机制来确保回调函数在正确的时间点被执行。
Axure中元件的拖动效果-动图面板(九)
2301_82217486: 预览中拖拽后会产生新页面咋办呢？

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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