feat: 《分布式IM即时通讯系统》-大后端平台-视频通话-第01节

binghe001 · Jan 29, 2024 · 719c973 · 719c973
1 parent f3afa8d
commit 719c973
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -330,6 +330,7 @@
 * [《分布式IM系统》大后端平台-消息服务-第07节：单聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_0ar5kh5rbhjk.html)
 * [《分布式IM系统》大后端平台-消息服务-第08节：群聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_21pu7ojtv7rw.html)
 * [《分布式IM系统》大后端平台-消息服务-第09节：图片、文件和语音消息的设计和实现](https://articles.zsxq.com/id_1f32q87wrs3h.html)
+* [《分布式IM系统》大后端平台-视频通话-第01节：视频通话呼叫发起流程设计和实现](https://articles.zsxq.com/id_pi8ww36ac0t3.html)
 
 ### 💥 Seckill秒杀系统
 

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -2564,23 +2564,31 @@ function getBarPeojectIM() {
             ]
         },
         {
-            title: "第12部分：OpenAI接入服务",
+            title: "第12部分：大后端平台-视频通话",
+            collapsable: false,
+            sidebarDepth: 0,
+            children: [
+                "platform/video/2024-01-31-chapter01.md",
+            ]
+        },
+        {
+            title: "第13部分：大前端UI",
             collapsable: true,
             sidebarDepth: 0,
             children: [
                 "develop/develop.md",
             ]
         },
         {
-            title: "第13部分：大前端UI",
+            title: "第14部分：OpenAI接入服务",
             collapsable: true,
             sidebarDepth: 0,
             children: [
                 "develop/develop.md",
             ]
         },
         {
-            title: "第14部分：部署与监控",
+            title: "第15部分：部署与监控",
             collapsable: true,
             sidebarDepth: 0,
             children: [

diff --git a/docs/.vuepress/public/images/project/im/2024-01-31-001.png b/docs/.vuepress/public/images/project/im/2024-01-31-001.png
diff --git a/docs/md/all/all.md b/docs/md/all/all.md
@@ -320,6 +320,7 @@ title: 冰河指南
 * [《分布式IM系统》大后端平台-消息服务-第07节：单聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_0ar5kh5rbhjk.html)
 * [《分布式IM系统》大后端平台-消息服务-第08节：群聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_21pu7ojtv7rw.html)
 * [《分布式IM系统》大后端平台-消息服务-第09节：图片、文件和语音消息的设计和实现](https://articles.zsxq.com/id_1f32q87wrs3h.html)
+* [《分布式IM系统》大后端平台-视频通话-第01节：视频通话呼叫发起流程设计和实现](https://articles.zsxq.com/id_pi8ww36ac0t3.html)
 
 ### 💥 分布式Seckill秒杀系统
 

diff --git a/docs/md/other/guide-to-reading.md b/docs/md/other/guide-to-reading.md
@@ -297,6 +297,7 @@ title: 冰河指南
 * [《分布式IM系统》大后端平台-消息服务-第07节：单聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_0ar5kh5rbhjk.html)
 * [《分布式IM系统》大后端平台-消息服务-第08节：群聊消息的撤回流程设计和实现](https://articles.zsxq.com/id_21pu7ojtv7rw.html)
 * [《分布式IM系统》大后端平台-消息服务-第09节：图片、文件和语音消息的设计和实现](https://articles.zsxq.com/id_1f32q87wrs3h.html)
+* [《分布式IM系统》大后端平台-视频通话-第01节：视频通话呼叫发起流程设计和实现](https://articles.zsxq.com/id_pi8ww36ac0t3.html)
 
 ### 💥 Seckill秒杀系统
 

diff --git a/docs/md/project/im/platform/video/2024-01-31-chapter01.md b/docs/md/project/im/platform/video/2024-01-31-chapter01.md
@@ -0,0 +1,45 @@
+---
+title: 第01节：视频通话呼叫发起流程设计和实现
+pay: https://articles.zsxq.com/id_pi8ww36ac0t3.html
+---
+
+# 《分布式IM系统》大后端平台-视频通话-第01节：视频通话呼叫发起流程设计和实现
+
+作者：冰河
+<br/>星球：[http://m6z.cn/6aeFbs](http://m6z.cn/6aeFbs)
+<br/>博客：[https://binghe.gitcode.host](https://binghe.gitcode.host)
+<br/>文章汇总：[https://binghe.gitcode.host/md/all/all.html](https://binghe.gitcode.host/md/all/all.html)
+<br/>源码获取地址：[https://t.zsxq.com/0dhvFs5oR](https://t.zsxq.com/0dhvFs5oR)
+
+> 沉淀，成长，突破，帮助他人，成就自我。
+
+* 本节难度：★★☆☆☆
+* 本节重点：对视频呼叫发起的流程进行设计和实现，从源码级别掌握视频呼叫发起的流程，重点理解用户发起视频呼叫的流程，以及视频呼叫发起的流程在整个分布式IM即时通讯系统中的流转过程，结合自身实际项目思考，将本节学到的知识灵活应用到自身实际项目中。
+
+**大家好，我是冰河~~**
+
+之前在分布式IM即时通讯系统立项时，有不少小伙伴就反馈说：冰哥，这个分布式IM即时通讯系统支持语音和视频吗？说实话，我最开始做这个分布式IM即时通讯系统时，最初的想法就是做文本消息，带着大家从零设计和研发整个分布式IM即时通讯系统，并将前后端全部打通后部署。不过看到小伙伴们都有比较强烈的意愿在分布式IM即时通讯系统中加入语音和视频的功能，那咱也必须给大家安排上。
+
+## 一、前言
+
+截止到目前，分布式IM即时通讯系统的整个后端服务已经支持文本、图片、文件、语音消息了。也就是说，大家可以基于整个分布式IM即时通讯系统的后端服务来测试发送文本消息、图片消息、文件消息和语音消息了。从这节开始，我们就要在分布式IM即时通讯系统中加入视频功能了。
+
+对于视频功能来说，我们会逐步在分布式IM即时通讯系统中实现视频通话呼叫发起流程，视频通话呼叫取消流程，视频通话呼叫失败流程，视频通话呼叫接受流程，视频通话呼叫拒绝流程，视频通话呼叫挂断流程、视频通话candidate流程和视频通话获取iceservers流程。本节，我们就先设计和实现视频通话发起的流程。
+
+## 二、本节诉求
+
+对视频呼叫发起的流程进行设计和实现，从源码级别掌握视频呼叫发起的流程，重点理解用户发起视频呼叫的流程，以及视频呼叫发起的流程在整个分布式IM即时通讯系统中的流转过程，结合自身实际项目思考，将本节学到的知识灵活应用到自身实际项目中。
+
+## 三、流程设计
+
+视频通话呼叫发起的流程如图1-1所示。
+
+<div align="center">
+    <img src="https://binghe.gitcode.host/images/project/im/2024-01-31-001.png?raw=true" width="70%">
+    <br/>
+</div>
+
+可以看到，整体流程还是比较简单的，主要涉及到用户及其好友、消息微服务、分布式缓存、即时通讯SDK、消息中间件、即时通讯后端服务等，具体流程参考图例即可。
+## 查看完整文章
+
+加入[冰河技术](http://m6z.cn/6aeFbs)知识星球，解锁完整技术文章与完整代码