Show Notes
In this episode of Syntax, Scott and Wes talk about the future of video for the web!
Sanity - SponsorSanity.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 - SponsorGet a 30 day free trial of Freshbooks atΒ freshbooks.com/syntaxΒ and put SYNTAX in the βHow did you hear about us?β section.
Show Notes08: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
- 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
- Scott:Β Flexibility Focus Podcast
- Wes:Β Mustie1 YouTube Channel
- Scott:Β CSS Variables CourseΒ - Sign up for the year and save 25%!
- Wes:Β All CoursesΒ - Use the coupon code βSyntaxβ for $10 off!
- Scottβs Instagram
- LevelUpTutorials Instagram
- Wesβ Instagram
- Wesβ Twitter
- Wesβ Facebook
- Scottβs Twitter
- Make sure to includeΒ @SyntaxFMΒ in your tweets
