July 15th, 2020 × #video#videostreaming#hosting
Video for the Web 2020 and Beyond
Overview of options and considerations for hosting and streaming video in 2020 with a deep dive into the tech stack Scott chose for his site
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