Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

https://syntax.fm

subscribe
share






WebRTC and Peer-to-Peer Video Calling with Ian Ramzy


In this episode of Syntax, Scott and Wes talk with Ian Ramzy about ZipCall.io — how he built it, why, and some of the surprising choices he made along the way.

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Stackbit - Sponsor

Stackbit offers developers tools that enable things like inline content editing, live previewing of content changes, and collaboration features on your Jamstack site, without code changes. That's why Stackbit is the best way to Jamstack. stackbit.com

Guests
  • Ian Ramzy
Show Notes

02:08 - Who are you and what’s your background?

05:34 - Why did you build this?

13:55 - What is it built in?

  • Express server
  • Web sockets

16:10 - Why is there no tooling?

  • GetUserMedia
  • WebRTC
  • Twilio STUN/TURN/ICE infrastructure
    • https://www.twilio.com/docs/stun-turn/faq
VideoChat.peerConnection = new RTCPeerConnection({ iceServers: token.iceServers, });

24:31 - How does your server deal with an influx of users?

27:11 - How do each of these features work?

  • Auto-scaling video quality
  • Text chat
  • Screen sharing
  • Picture in picture
  • Live captions
  • Loading animation
  • No download required, entirely browser based
  • Direct peer to peer connection ensures lowest latency
  • Single use disposable chat rooms

41:32 - Have you looked into any of the recording APIs?

Links
  • ZipCall
  • Zoom
  • jQuery
  • WebTorrent
  • Heroku
  • Adopter.js
  • Figma
××× SIIIIICK ××× PIIIICKS ×××
  • Ian: Notion
  • Scott: Summoning Salt
  • Wes: 4 Channel WiFi Momentary Inching Relay Self-Lock Switch Module
Shameless Plugs
  • Ian ZipCall
  • Scott: All Courses - Sign up for the year and save 25%!
  • Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
Tweet us your tasty treats!
  • Scott’s Instagram
  • LevelUpTutorials Instagram
  • Wes’ Instagram
  • Wes’ Twitter
  • Wes’ Facebook
  • Scott’s Twitter
  • Make sure to include @SyntaxFM in your tweets


fyyd: Podcast Search Engine
share








 June 10, 2020  54m