Главная страницаКатегория webrtcWebRTC 2021 - Создание клона Zoom

WebRTC 2021 - Создание клона Zoom

Name: WebRTC 2021 - Создание клона Zoom
Price: 13 USD
Rating: 4.6 (14 reviews)

WebRTC 2021 - Create Zoom Clone Video Group Call Application

udemy

★4.6 (всего оценок - 14)

Начать Сейчас

Продолжительность

9 ч 21 мин

Категория

WebRTC

Количество уроков

103 Видео

Дата добавления

21 дек. 2021 г., 16:39

Язык

Английский

Дата выхода

17 сент. 2021 г., 03:00

Изучите WebRTC Mesh архитектуру, создав проект с помощью React, WebRTC и SocketIO. Мы рассмотрим все шаги по созданию приложения с групповыми вызовами, в котором вы сможете установить соединение между несколькими пользователями в одной комнате. Мы напишем реализацию WebRTC с поддержкой простой одноранговой библиотеки, чтобы показать, как можно разработать приложение WebRTC с групповыми вызовами.

Мы также будем использовать SocketIO в качестве сервера уведомлений для нашего приложения. После этого курса вы сможете создать собственное приложение, которое будет использовать WebRTC. Неважно, будет ли это коммуникационная игра в реальном времени или видеочат. Вы узнаете, как установить соединение между несколькими одноранговыми узлами с архитектурой Mesh.

Мы рассмотрим весь процесс оповещений для обмена необходимыми данными между всеми пользователями, которые подключенные к комнате. Мы также рассмотрим развертывание и учетные данные сервера TURN.

В нашем приложении мы будем использовать:

WebRTC
JavaScript
SocketIO
Express.js
Node.js
React
Simple-peer

Мы создадим необходимый UI и продолжим всю логику, связанную с SocketIO и WebRTC.

Процесс создания приложения:

Подготовка среды;
Создание интерфейса нашего приложения с помощью React;
Подключение к SocketIO и создание необходимой логики;
Реализация WebRTC для групповых звонков;
Добавление каналов данных WebRTC для функциональности чата;
Добавление функциональности для подключения только со звуком;
Получение учетных данных сервера TURN;
Развертывание приложения.

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:05:27
App Functionalities
Урок 2. 00:10:26
Mesh Architecture Introduction
Урок 3. 00:01:39
Theory - What is WebRTC ?
Урок 4. 00:01:17
What is signaling server ?
Урок 5. 00:01:11
What is STUN server ?
Урок 6. 00:02:07
What is TURN server ?
Урок 7. 00:01:37
What is SDP ?
Урок 8. 00:01:44
What are ICE candidates ?
Урок 9. 00:03:12
How to establish direct connection between two peers ?
Урок 10. 00:01:36
Node.js installation
Урок 11. 00:04:28
Creating Server and Installing Dependencies
Урок 12. 00:06:07
Preparing our basic server logic
Урок 13. 00:02:13
Initialization of React Application
Урок 14. 00:05:27
Preparing React project
Урок 15. 00:04:17
Store configuration with Redux
Урок 16. 00:03:50
Preparing Pages Components before adding routing to our Application
Урок 17. 00:05:38
Adding Routing in React
Урок 18. 00:04:32
Creating Introduction Page without Buttons
Урок 19. 00:08:28
Creating Introduction Page Buttons
Урок 20. 00:04:36
Creating Join Room Page
Урок 21. 00:11:20
Dispatching first action in Redux - isRoomHost
Урок 22. 00:02:48
Displaying different title depends on the props
Урок 23. 00:12:04
Rendering Join Room Page Inputs
Урок 24. 00:03:39
Fixing bug with wrong content
Урок 25. 00:04:32
Creating audio only checkbox
Урок 26. 00:06:28
Saving information about connection type in Redux Store
Урок 27. 00:02:51
Create Component responsible for displaying error message
Урок 28. 00:08:43
Creating Join Room Page buttons
Урок 29. 00:06:31
Checking if room exists on server
Урок 30. 00:05:54
Handling response from server about information if room exists
Урок 31. 00:03:44
Logic separation of Joining / Creating room
Урок 32. 00:02:59
Testing our HTTP request
Урок 33. 00:07:06
Saving Indentity (username) in Store
Урок 34. 00:03:40
Preparing basic structure of Room Page
Урок 35. 00:04:31
Creating Room Label
Урок 36. 00:01:56
Passing correct room id to the Label Component
Урок 37. 00:02:41
Creating Participants Sections
Урок 38. 00:07:13
Displaying Single Participant
Урок 39. 00:03:56
Creating Room Buttons Structure
Урок 40. 00:04:38
Creating Mic Button
Урок 41. 00:03:20
Creating Camera Button
Урок 42. 00:02:31
Creating Leave Room Button
Урок 43. 00:03:17
Creating Screen Share Button
Урок 44. 00:07:43
Preparing for Room Connection
Урок 45. 00:03:45
Getting Local Stream
Урок 46. 00:07:57
Creating Loading Overlay
Урок 47. 00:05:34
Creating connection with Socket.IO Server
Урок 48. 00:03:09
Connecting to Socket.IO Server from Client Side
Урок 49. 00:05:41
Emitting an Event to Server to Create New Room
Урок 50. 00:00:51
Testing Event responsible for Creating New Room
Урок 51. 00:08:01
Creating Create New Room Handler
Урок 52. 00:03:58
Getting Room Id from Server
Урок 53. 00:08:59
Showing Real Users Connected To Room In Participants List
Урок 54. 00:02:08
Fixing bug with User List
Урок 55. 00:07:55
Creating Join Room Handler
Урок 56. 00:02:10
Testing Joining Room
Урок 57. 00:09:55
Leaving Room
Урок 58. 00:02:04
Closing Room if None users left
Урок 59. 00:08:44
Architecture introduction
Урок 60. 00:03:54
Prepare for connection
Урок 61. 00:03:35
Handle connection prepare Event
Урок 62. 00:10:51
Starting with simple-peer
Урок 63. 00:03:32
Handling on stream Event
Урок 64. 00:02:59
Handling on signal Event
Урок 65. 00:05:35
Passing signaling data to connected Users
Урок 66. 00:06:55
Emitting Event - connection init
Урок 67. 00:11:47
Displaying Local Preview
Урок 68. 00:04:34
Displaying incoming Streams
Урок 69. 00:02:52
Testing WebRTC Connection
Урок 70. 00:02:05
Constraints
Урок 71. 00:03:52
Zoom In possibility
Урок 72. 00:14:15
Leaving Room Functionality
Урок 73. 00:07:44
Code explanation
Урок 74. 00:04:53
Mute Functionality
Урок 75. 00:02:36
Disable Video Functionality
Урок 76. 00:12:25
Testing Buttons
Урок 77. 00:03:24
Screen Sharing - Preview
Урок 78. 00:10:12
Fixing Bug with disabling Screen Share
Урок 79. 00:02:44
Switching Track which we are sending in Peer connection
Урок 80. 00:13:57
Creating Chat UI
Урок 81. 00:09:06
Creating Messages Container
Урок 82. 00:02:13
Creating New Message Input
Урок 83. 00:15:35
Preparing Store for Messages
Урок 84. 00:05:10
Exchanging Messages with other Users
Урок 85. 00:10:52
Connecting only with Audio
Урок 86. 00:04:01
Creating Only Audio Label
Урок 87. 00:08:02
Fixing Bug with Audio Only Label
Урок 88. 00:07:39
Small improvments
Урок 89. 00:09:09
Fetching TURN Server Credentials from Twilio
Урок 90. 00:02:32
Adding TURN servers to Peer Connection
Урок 91. 00:06:14
Fixing Zoom In Bug
Урок 92. 00:06:15
Preparing store for direct chat
Урок 93. 00:05:16
Creating Chatbox UI
Урок 94. 00:05:22
Creating Messages Container
Урок 95. 00:03:16
Creating New Message Input
Урок 96. 00:01:38
Creating Conversation not chosen label
Урок 97. 00:07:06
Testing UI
Урок 98. 00:07:56
Choosing active conversation
Урок 99. 00:04:52
Sending messages to other users
Урок 100. 00:10:36
Testing messages
Урок 101. 00:03:08
Adding messages to chat history
Урок 102. 00:01:44
Setting correct chat history to display
Урок 103. 00:04:44
Testing direct messages

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194