• Урок 1. 00:00:53
    Course preview
  • Урок 2. 00:01:56
    Technology stack and introduction
  • Урок 3. 00:02:32
    App preview - direct video calls
  • Урок 4. 00:01:33
    App preview - messenger
  • Урок 5. 00:04:54
    App preview - Strangers
  • Урок 6. 00:01:39
    Theory - What is WebRTC ?
  • Урок 7. 00:01:17
    Theory - What is signaling server ?
  • Урок 8. 00:01:11
    Theory - What is STUN server ?
  • Урок 9. 00:02:07
    Theory - What is TURN server ?
  • Урок 10. 00:01:37
    Theory - What is SDP ?
  • Урок 11. 00:01:44
    Theory - What are ICE candidates ?
  • Урок 12. 00:03:12
    Theory - How to establish direct connection between peers
  • Урок 13. 00:12:16
    Server initialization
  • Урок 14. 00:03:42
    Adding nodemon to watch the changes
  • Урок 15. 00:02:03
    Connecting our server with Socket.IO
  • Урок 16. 00:07:00
    Connecting to Socket.IO from client side
  • Урок 17. 00:05:34
    Storing array of connected users in our server
  • Урок 18. 00:06:04
    Importing files to our project and creating main preview
  • Урок 19. 00:07:16
    Creating personal code container
  • Урок 20. 00:04:56
    Creating input for personal code and connection buttons
  • Урок 21. 00:03:18
    Creating buttons for stranger connection
  • Урок 22. 00:03:28
    Adding checkbox for stranger connections
  • Урок 23. 00:03:16
    Dashboard styling fix and dashboard blocker added
  • Урок 24. 00:02:36
    Creating call container placeholder and remote video
  • Урок 25. 00:01:17
    Adding local video preview
  • Урок 26. 00:07:22
    Creating conversation buttons
  • Урок 27. 00:02:17
    Creating end chat connection button
  • Урок 28. 00:04:21
    Creating recording buttons and panel
  • Урок 29. 00:05:25
    Adding new message input with button
  • Урок 30. 00:12:34
    State management - adding our custom store
  • Урок 31. 00:08:22
    Updating personal code
  • Урок 32. 00:04:44
    Coping button functionality
  • Урок 33. 00:15:42
    Code preparation to send pre-offer
  • Урок 34. 00:06:23
    Sending pre-offer to server
  • Урок 35. 00:13:43
    Sending pre-offer to callee
  • Урок 36. 00:01:45
    Fixing pre-offer bug
  • Урок 37. 00:11:52
    Handling pre-offer
  • Урок 38. 00:17:03
    Creating incoming call dialog
  • Урок 39. 00:07:36
    Showing calling dialog only when pre offer will come
  • Урок 40. 00:02:23
    Solving problem with no request coming
  • Урок 41. 00:09:03
    Creating calling dialog at caller side
  • Урок 42. 00:07:41
    Sending pre-offer answer to caller
  • Урок 43. 00:10:34
    Handling pre-offer answer
  • Урок 44. 00:12:41
    Showing response dialog if call is not possible
  • Урок 45. 00:11:15
    Showing call elements related with call type
  • Урок 46. 00:01:32
    Setting correct position of remote video element
  • Урок 47. 00:06:13
    Getting an access to camera and microphone and showing that in local preview
  • Урок 48. 00:09:39
    Creating peer connection
  • Урок 49. 00:11:54
    Sending WebRTC offer
  • Урок 50. 00:03:42
    Testing WebRTC offer
  • Урок 51. 00:06:28
    Handling WebRTC offer. Preparing WebRTC answer and handling it at caller side
  • Урок 52. 00:08:00
    Exchanging ICE candidates and adding them to peer connection
  • Урок 53. 00:11:44
    Adding functionality to mute and unmute and turn on/off camera
  • Урок 54. 00:10:05
    Screen sharing functionality
  • Урок 55. 00:06:22
    Switching back to camera
  • Урок 56. 00:04:58
    Creating data channel and configuring peer connection
  • Урок 57. 00:08:14
    Sending messages using data channel
  • Урок 58. 00:10:29
    Displaying messages
  • Урок 59. 00:10:29
    Creating recording utils
  • Урок 60. 00:09:14
    Connecting recording utils with buttons
  • Урок 61. 00:05:41
    Pausing and resuming recording
  • Урок 62. 00:09:18
    Preparing for hang up possibilty
  • Урок 63. 00:13:46
    Hanging up with connected user
  • Урок 64. 00:01:47
    Finishing chat connection
  • Урок 65. 00:07:44
    Preparing call states
  • Урок 66. 00:11:29
    Finishing call states
  • Урок 67. 00:06:32
    Fixing call state bug
  • Урок 68. 00:03:26
    adding hang up possibility to calling dialog
  • Урок 69. 00:09:39
    Allow connections from strangers checkbox
  • Урок 70. 00:07:26
    Storing list of the users which allow connections from strangers at server
  • Урок 71. 00:10:29
    Getting socket id of random user from server
  • Урок 72. 00:01:23
    Fixing bug when trying to get random socket id from server
  • Урок 73. 00:06:23
    Connecting with Stranger
  • Урок 74. 00:02:33
    Showing UI depends of the stranger call type
  • Урок 75. 00:03:12
    Adding information if no Strangers are available
  • Урок 76. 00:15:00
    Heroku - deploying app
  • Урок 77. 00:09:06
    Getting TURN server credentials from Twilio
  • Урок 78. 00:09:11
    Fetching TURN server credentials from client side
  • Урок 79. 00:01:54
    Checking if TURN credentials are successfully fetched
  • Урок 80. 00:05:34
    Deploying application connected to TURN server
  • Урок 81. 00:01:53
    Testing connection with user connected to different network
  • Урок 82. 00:01:53
    What's next
Этот материал находится в платной подписке. Оформи премиум подписку и смотри WebRTC 2021 Practical Course. Create Video Chat Application, а также все другие курсы, прямо сейчас!
Премиум