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