logo
episode-header-image
Jul 2020
53m 13s

Video for the Web 2020 and Beyond

Wes Bos & Scott Tolinski - Full Stack Javascript Web Developers
About this episode

In this episode of Syntax, Scott and Wes talk about the future of video for the web!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

Show Notes

08:19 - Scott’s Background in video

  • Started editing in middle school
  • Worked professionally as an editor and production assistant for magazine
  • Created specialty flash video players
  • Have been hosting video content since the start of my web career

09:12 - Terminology

  • Transcoding - digital to digital conversion of one format to another
  • Ingest - bringing a video to a new facility (ie uploaded video file or data stream to server)

10:51 - Streaming vs Downloading

  • Streaming is basically chunks of content at a time, while download is waiting for the entire file to be downloaded before playing.

11:16 - Formats

  • MP4
  • WebM
  • DASH
  • HLS (HTTP Live Streaming)
  • m3u8

21:35 - Players

27:48 - Services Roundup 🐴

  • YouTube - free
  • Vimeo - $
  • MUX - $$
  • Wistia - 
  • Cloudflare - $$
  • JW Player - $
  • Cloudinary - $$$
  • Brightcove - $$$
  • Azure - $$
  • Bit Movin - $$
  • AWS - $$

46:59 - What Scott did and how/why

  • upchunk
  • Mux
  • Video.js
  • Custom uploader
  • Using polling

Links

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Tweet us your tasty treats!

Up next
Today
932: Vibe Coding’s Huge Problem
Wes and Scott talk about the dangers of vibe coding when it comes to authentication and access control. They share real-world examples of security fails, discuss how to avoid client-side-only checks, and offer practical tips for protecting sensitive user data in your apps. Show N ... Show More
22m 57s
Aug 25
931: Project Init - How to Make Good Choices When Starting a New Coding Project
Scott and Wes dive into the fundamentals of project initialization and planning, from outlining ideas and choosing the right tools to making smart technology decisions. They also chat about leveraging AI and collaboration to shape better projects before rolling up your sleeves an ... Show More
30m 46s
Aug 20
930: Text Editor Keybindings, WASM Replacing Docker, LLM apathy and hosting mini apps
In this potluck episode of Syntax, Wes and Scott answer your questions about VS Code vs Cursor, navigating promotions and job titles, database fundamentals, avoiding decision paralysis, how AI is shaping frameworks, and more! Show Notes 00:00 Welcome to Syntax! 00:56 Brought to y ... Show More
55m 37s
Recommended Episodes
Feb 2023
Frontend Feud: CSS Podcast vs @keyframers (JS Party #264)
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers David & Shaw from the keyframers. Let’s get it on! Leave us a comment Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today! Sponsors: Sentry – Sessio ... Show More
51m 10s
Feb 2023
Frontend Feud: CSS Podcast vs @keyframers
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers David & Shaw from the keyframers. Let’s get it on! Leave us a comment Changelog++ members save 6 minutes on this episode because they made the ads disappear. Join today! Sponsors: Sentry – Sessio ... Show More
51m 10s
Jan 2024
Frontend Feud: CSS Podcast vs CompressedFM
Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers James & Brad from CompressedFM. Let’s get it on! Leave us a comment Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today! Sponsors: Vercel – With zer ... Show More
48m 47s
Nov 2022
Ep. 484 The Future of Viral Content Leveraging Web3
In this episode of Crypto 101, we talk to Doug Petkanics of Livepeer which is a back end video infrastructure technology that hopes to be leveraged and become the next level YouTube, Twitch, and Vimeo via the blockchain.  Integrating web3 into the viral content game is the vision ... Show More
30m 26s
Nov 2023
AI demos: Bard's YouTube summarizer, Stability's image editing tools, and more with Sunny Madra | E1853
This Week in Startups is brought to you by… Squarespace. Turn your idea into a new website! Go to Squarespace.com/TWIST for a free trial. When you’re ready to launch, use offer code TWIST to save 10% off your first purchase of a website or domain. Vanta. Compliance and security s ... Show More
1h 14m
Feb 2023
Is htmx the way to Go?
A quick look at the history of building web apps, followed by a discussion of htmx and how it compares to both modern and traditional ways of building. Discuss on Changelog News Changelog++ members save 4 minutes on this episode because they made the ads disappear. Join today! Sp ... Show More
1h 16m
Apr 2020
What's new and what's Next.js (JS Party #122)
Divya and Jerod welcome ZEIT founder Guillermo Rauch to the show for a deep discussion on the state of JAMstack, what’s new & exciting with Next.js, and some big picture analysis of where the industry is heading. Discuss on Changelog News Changelog++ members support our work, get ... Show More
1h 17m
Jun 2024
Is YouTube Adding Community Notes to Videos?
This week, Marques is out working on a big video project so he left Andrew and David in charge of going over the news of the week. First they give their quick impressions on the new Surface devices that showed up right before we sat down to record. Then they discuss the new Threa ... Show More
1h 11m
Apr 2022
Quick, beautiful web UIs for ML apps
Abubakar Abid joins Daniel and Chris for a tour of Gradio and tells them about the project joining Hugging Face. What’s Gradio? The fastest way to demo your machine learning model with a friendly web interface, allowing non-technical users to access, use, and give feedback on mod ... Show More
42m 9s