Video for the Web 2020 and Beyond

Syntax - Tasty Web Development Treats

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

• shaka-player - https://github.com/google/shaka-player/
• hls.js - https://hls-js.netlify.app/demo/
• dash.js - https://github.com/Dash-Industry-Forum/dash.js
• video.js - https://videojs.com/
• jw player - https://www.jwplayer.com/
• Bit Movin player - https://bitmovin.com/docs/player
• Ooyala Brightcove - https://www.brightcove.com/en/

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

• Basecamp
• Hey
• Inbox
• YouTube
• Wistia
• Drip
• ConvertKit
• Vimeo
• https://fronteers.nl/congres/2015/sessions/jsmpeg-by-dominic-szablewski
• https://www.vidbeo.com/blog/hls-vs-dash
• HLS Can I Use
• youtube-dl
• Syntax Ep 254: Headless CMS Break Down & Roundup
• Cloudflare
• Mux
• Framer Motion
• Cloudinary
• upchunk

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Flexibility Focus Podcast
• Wes: Mustie1 YouTube Channel

Shameless Plugs

• Scott: CSS Variables Course - 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