feat: 更新部分tag

TongDaDa · Jun 24, 2024 · f03b36e · f03b36e
1 parent f3dd813
commit f03b36e
Show file tree

Hide file tree

Showing 29 changed files with 106 additions and 51 deletions.
diff --git a/dev/content/_posts/computer/Basic_web_rtc_knowledge.md b/dev/content/_posts/computer/Basic_web_rtc_knowledge.md
@@ -0,0 +1,85 @@
+---
+date: '2024-04-04'
+slug: 
+tags:
+- computer
+title: 直播领域技术架构
+description: 码率，丢包率，旁路，推流
+author: Oliver-Liu, Tongdada, LiuTong, 刘彤
+location: Beijing
+image: https://cdn.pixabay.com/photo/2020/03/30/17/15/funes-4984899_960_720.jpg
+meta:
+  - name: title
+    content: 关于webRTC各个名词介绍
+  - name: description
+    content: 码率，丢包率，旁路，推流
+  - name: keywords
+    content: webRTC
+  - name: author
+    content: Oliver-Liu, Tongdada, LiuTong, 刘彤
+  - name: language
+    content: Chinese
+featured: false
+---
+
+## 推拉流
+
+<p class="text-center">
+  <img src="../../../assets/computer/live_stream_snap.png" width="300px" />
+<p>
+
+<p class="text-center">
+  <img src="../../../assets/computer/flow_demonstration_living.png" width="300px" />
+<p>
+
+### HLS
+
+Http Live streaming, 苹果推出的一个基于HTTP协议的直播方案，原理也是切成m3u8小文件，收流端按顺序下载然后播放。
+
+这种延迟时间取决于文件块的大小，但是大小又和整体的网络环境有关。综合情况下延迟比较高，一般在10 - 30S之间。
+
+耗时主要在生成和上传ts文件，ts文件是音视频流内容。生成并上传了数个ts文件后，会把他们写到一个manifest文件中，一般称为m3u8文件，这里边包含一些meta信息还有生成的HTTP URL TS文件列表。
+
+对收流端来说，如果是一对多的直播，生成时间是稳定的，把一段时间的内的视频 chunk 推到 CDN 并同步对应下载地址列表就可以，主要耗时是生成 -> 上传ts文件过程。
+
+但对下载时间来说，客户端要等至少下载完，并且下载完两个片段才可播放。只是为了无缝衔接两个文件中的过渡。
+
+总体来看，兼容性高，并且成本也不高。就是延迟大。适合对实时性要求不高，只直播，无信令的场景，这种情况不会感受到视频和消息的延迟差异。
+
+### RTMP
+
+Real Time Mssaging Protocal，用TCP协议做通道，上层封装了自己的应用层协议。传输速度并不慢，因为是实时消息传输，相比于 HLS 要快很多了，延迟基本在5S左右。
+
+RTMP是Adobe发布的，流行于flash时代。但flash没落了之后，客户端很少有能直接使用RTMP收流的，基本都配合其他协议去接收。比如HLS，FLV。
+
+推流端，RTMP依旧是行业的主力，还有在视频监控等领域广泛被使用。
+
+实现和部署的话，也很简单，搭个Nginx，然后配置上RTMP的环境，一个可以接收 & 分发 RTMP流的服务器就有了。
+
+推流端首先encode视频流成一块 Message，然后循环这个操作发送到服务端。
+
+现在很多直播平台基本都兼容 RTMP 推流，在 OBS 中可以直接设置推流到的服务端地址。
+
+### FLV
+
+Flv 也是 Adobe 发明的，起初作为Flash的数据格式内容，直到目前大多数直播方案的音视频服务也都是用的FLV数据容器传输。
+
+为什么呢，因为格式方便解析，通用型好，相比于上边提到的用 m3u8 封装的 ts文件，flv文件本身就包含了meta信息，和音视频信息。
+
+## WebRTC
+
+Web Real-Time Communication, WebRTC 是为了 P2P 即时通许设计的，完全兼容现代的浏览器。但在两个浏览器中直接实现 WebRTC 是不现实的，需要配合打洞，一般情况下
+客户端的网络是不具备接收外部的网络请求的，只能发送。
+
+主流的方式是推送到服务端，由服务端分发流，而分发又分几种，分发的是 WebRTC协议数据还是通过 FLV，HLS经过CDN下发呢。前者成本很高，比较适合人数较少的直播场景。
+
+但万人直播间，直接使用WebRTC发流是不现实的。成本太高。
+
+大多数使用第二种方法，或者自己实现一个基于C端的P2P技术减少服务器的带宽支持，协议还是使用WebRTC。这么做成本比较低，实时性能得到保证，比较复杂的是
+策略设计，比如每个用户群体之间他们的流能不能共用，还有客户端的打洞发布。
+
+## MCU
+
+MCU 一般用在多个媒体流场景，就像直播间连麦，四五个主播一起开摄像头，麦克风，这种情况对观众来说是接收四股流，还是一股呢，当然是一股比较好。但是一股的话就需要合并音视频流，
+
+MCU就是在服务端做的一层编解码合并音视频操作。通过增加服务器的算力，减少观众的流量消耗。
diff --git a/dev/content/_posts/css/all-about-emoji.md → ...ontent/_posts/computer/all-about-emoji.md b/dev/content/_posts/css/all-about-emoji.md → ...ontent/_posts/computer/all-about-emoji.md
@@ -3,7 +3,6 @@ date: '2020-04-01'
 slug: all-about-in-emoji
 tags:
 - web
-- mobile
 title: All about in emoji
 author: Oliver Liu
 location: Beijing;

diff --git a/dev/content/_posts/computer/conclution_of_charcode.md b/dev/content/_posts/computer/conclution_of_charcode.md
@@ -3,7 +3,6 @@ date: '2022-08-15'
 slug: conclusion_of_charcode
 tags:
 - computer
-- unicode
 title: 关于编码的总结
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/mobile/css-units.md → dev/content/_posts/computer/css-units.md b/dev/content/_posts/mobile/css-units.md → dev/content/_posts/computer/css-units.md
@@ -2,8 +2,7 @@
 date: '2018-07-14'
 slug: css units
 tags:
-- mobile
-- unicode
+- web
 title: css units
 description: css 适配单位
 author: Oliver

diff --git a/dev/content/_posts/mobile/dpr.md → dev/content/_posts/computer/dpr.md b/dev/content/_posts/mobile/dpr.md → dev/content/_posts/computer/dpr.md
@@ -2,8 +2,7 @@
 date: '2018-07-29'
 slug: dpr介绍
 tags:
-- mobile
-- unicode
+- web
 title: css units
 description: dpr介绍
 author: Oliver

diff --git a/dev/content/_posts/node/nodeJS面试问题整理.md → dev/content/_posts/computer/nodeJS面试问题整理.md b/dev/content/_posts/node/nodeJS面试问题整理.md → dev/content/_posts/computer/nodeJS面试问题整理.md
diff --git a/dev/content/_posts/node/node各个环境变量详解.md → dev/content/_posts/computer/node各个环境变量详解.md b/dev/content/_posts/node/node各个环境变量详解.md → dev/content/_posts/computer/node各个环境变量详解.md
diff --git a/dev/content/_posts/node/peerDependencies.md → ...ntent/_posts/computer/peerDependencies.md b/dev/content/_posts/node/peerDependencies.md → ...ntent/_posts/computer/peerDependencies.md
diff --git a/dev/content/_posts/mobile/pixel.md → dev/content/_posts/computer/pixel.md b/dev/content/_posts/mobile/pixel.md → dev/content/_posts/computer/pixel.md
@@ -2,8 +2,7 @@
 date: '2018-07-21'
 slug: 像素到底是什么？
 tags:
-- mobile
-- unicode
+- web
 title: 像素到底是什么？
 description: 像素到底是什么？
 author: Oliver

diff --git a/dev/content/_posts/mobile/retina.md → dev/content/_posts/computer/retina.md b/dev/content/_posts/mobile/retina.md → dev/content/_posts/computer/retina.md
@@ -2,8 +2,7 @@
 date: '2018-07-16'
 slug: 视网膜屏幕简单介绍
 tags:
-- mobile
-- unicode
+- web
 title: 视网膜屏幕简单介绍
 description: 视网膜屏幕简单介绍
 author: Oliver

diff --git a/dev/content/_posts/mobile/scan.md → dev/content/_posts/computer/scan.md b/dev/content/_posts/mobile/scan.md → dev/content/_posts/computer/scan.md
@@ -2,8 +2,7 @@
 date: '2018-07-15'
 slug: 屏幕渲染原理-扫描
 tags:
-- mobile
-- css
+- web
 title: 屏幕渲染原理-扫描
 description: 屏幕渲染原理-扫描
 author: Oliver

diff --git a/dev/content/_posts/netwrok/关于我遇到的一个DNS问题.md → dev/content/_posts/computer/关于我遇到的一个DNS问题.md b/dev/content/_posts/netwrok/关于我遇到的一个DNS问题.md → dev/content/_posts/computer/关于我遇到的一个DNS问题.md
@@ -2,7 +2,7 @@
 date: '2020-06-19'
 slug: 关于遇到的一个DNS查询问题
 tags:
-- network
+- computer
 title: 关于遇到的一个DNS查询问题
 author: Oliver Liu
 location: Beijing;

diff --git a/dev/content/_posts/css/刨析缓动函数.md → dev/content/_posts/computer/刨析缓动函数.md b/dev/content/_posts/css/刨析缓动函数.md → dev/content/_posts/computer/刨析缓动函数.md
@@ -3,7 +3,6 @@ date: '2023-04-01'
 slug: css之缓动函数
 tags:
 - web
-- mobile
 title: css之缓动函数
 author: Oliver Liu
 location: Beijing;

diff --git a/dev/content/_posts/node/老掉牙的事件队列(平民版).md → dev/content/_posts/computer/老掉牙的事件队列(平民版).md b/dev/content/_posts/node/老掉牙的事件队列(平民版).md → dev/content/_posts/computer/老掉牙的事件队列(平民版).md
diff --git a/dev/content/_posts/java/jwt的使用.md b/dev/content/_posts/java/jwt的使用.md
diff --git a/dev/content/_posts/javascript/JS中如何准确判断数据类型.md b/dev/content/_posts/javascript/JS中如何准确判断数据类型.md
@@ -2,7 +2,7 @@
 date: '2016-10-14'
 slug: JS中如何准确判断数据类型
 tags:
-- javascript
+- web
 title: JS中如何准确判断数据类型
 author: Oliver
 location: Beijing;
@@ -27,7 +27,7 @@ featured: false
 
 >我们讲过JS的几大数据类型，也用typeof查看了几个简单的数据类型值。那么今天我们再来更宽泛的了解一下这方面的知识。请看如下代码。
  
- 
+
 ```
 var num = 123;
 var str = 'aflypig';

diff --git a/dev/content/_posts/javascript/JavaScript 封装对象与强制类型转换.md b/dev/content/_posts/javascript/JavaScript 封装对象与强制类型转换.md
@@ -2,7 +2,7 @@
 date: '2017-05-05'
 slug: JavaScript 封装对象与强制类型转换
 tags:
-- javascript
+- web
 title: JavaScript 封装对象与强制类型转换
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/JavaScript类型介绍.md b/dev/content/_posts/javascript/JavaScript类型介绍.md
@@ -2,7 +2,7 @@
 date: '2017-03-18'
 slug: JavaScript 类型介绍
 tags:
-- javascript
+- web
 title: JavaScript 类型介绍
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/Javascript Symbol 隐匿的未来之星.md b/dev/content/_posts/javascript/Javascript Symbol 隐匿的未来之星.md
@@ -2,7 +2,7 @@
 date: '2017-05-05'
 slug:  Javascript Symbol 隐匿的未来之星
 tags:
-- javascript
+- web
 title:  Javascript Symbol 隐匿的未来之星
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/Promise的十个使用禁令.md b/dev/content/_posts/javascript/Promise的十个使用禁令.md
@@ -2,7 +2,7 @@
 date: '2020-06-03'
 slug: Promise的十个使用禁令
 tags:
-- javascript
+- web
 title: Promise的十个使用禁令
 author: Oliver Liu
 location: Beijing;

diff --git a/dev/content/_posts/javascript/practicing-lerna.md b/dev/content/_posts/javascript/practicing-lerna.md
@@ -2,7 +2,7 @@
 date: '2020-03-14'
 slug: practicing lerna
 tags:
-- javascript
+- web
 title: Detecting lerna's actions in a repo.
 author: Oliver Liu
 location: Beijing;

diff --git a/dev/content/_posts/javascript/the-closure-in-javascript.md b/dev/content/_posts/javascript/the-closure-in-javascript.md
@@ -2,7 +2,7 @@
 date: '2017-11-28'
 slug: the-closure-in-javascript
 tags:
-- javascript
+- web
 title:  深入贯彻闭包思想，全面理解JS闭包形成过程
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/不为人知的javascript的内部属性.md b/dev/content/_posts/javascript/不为人知的javascript的内部属性.md
@@ -2,7 +2,7 @@
 date: '2018-03-29'
 slug: 不为人知的javascript的内部属性
 tags:
-- javascript
+- web
 title: 不为人知的javascript的内部属性
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/优质代码从格式和规则开始.md b/dev/content/_posts/javascript/优质代码从格式和规则开始.md
@@ -2,7 +2,7 @@
 date: '2020-04-23'
 slug: 优质代码从格式和规则开始
 tags:
-- javascript
+- web
 title: 从格式和规则上统一编码风格
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/关于javascript中的this指向.md b/dev/content/_posts/javascript/关于javascript中的this指向.md
@@ -2,7 +2,7 @@
 date: '2017-10-21'
 slug:  关于javascript中的this指向
 tags:
-- javascript
+- web
 title:  关于javascript中的this指向
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/javascript/换个眼界看IE，它真的有那么可恶吗？.md b/dev/content/_posts/javascript/换个眼界看IE，它真的有那么可恶吗？.md
@@ -2,7 +2,7 @@
 date: '2018-03-29'
 slug: 换个眼界看IE，它真的有那么可恶吗？
 tags:
-- javascript
+- web
 title: 换个眼界看IE，它真的有那么可恶吗？
 author: Oliver
 location: Beijing;

diff --git a/dev/content/_posts/python/charcode-in-different-platform.md b/dev/content/_posts/python/charcode-in-different-platform.md
@@ -3,7 +3,6 @@ date: '2019-10-14'
 slug: Python ***
 tags:
 - python
-- unicode
 title: The perform of python's unicode problem on different computer
 description: The perform of python's unicode problem on different computer
 author: Oliver

diff --git a/package-lock.json b/package-lock.json
diff --git a/.../_posts/webrtc/Basic_web_rtc_knowledge.md → webrtc/Basic_web_rtc_knowledge.md b/.../_posts/webrtc/Basic_web_rtc_knowledge.md → webrtc/Basic_web_rtc_knowledge.md