Video for the Web 2020 and Beyond

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