Skip to content

Instantly share code, notes, and snippets.

@prestonp
Last active May 13, 2024 11:40
Show Gist options
  • Save prestonp/ad5d1a3f9a026e34c44c to your computer and use it in GitHub Desktop.
Save prestonp/ad5d1a3f9a026e34c44c to your computer and use it in GitHub Desktop.
mov to webm osx

Super easy webm screencasts on OSX

Record your screencasts as movie files (.mov) using quicktime.

qt ss

Build ffmpeg

  1. Install yasm http://yasm.tortall.net/Download.html
  2. Install libvpx https://code.google.com/p/webm/downloads/list
  3. Install https://www.ffmpeg.org/download.html
  • Add the libvpx flag: ./configure --enable-libvpx

Convert .mov files to .webm with ffmpeg

ffmpeg -i cast.mov cast.webm

Embedding videos is easy. MDN <video> tag reference

<video src="cast.webm" autoplay loop="true">
  Sorry, your browser doesn't support embedded videos,
  but don't worry, you can <a href="cast.webm">download it</a>
  and watch it with your favorite video player!
</video>

Demo webm

Side tutorial for building from source

This is the general process on unix systems

wget filename.tar.gz
tar -xvf filename.tar.gz
cd filename
./configure
make
make install 
@kosiara
Copy link

kosiara commented Apr 25, 2020

Thanks! It was really helpful.
I used brew to install all needed packages.

brew install yasm
ffmpeg -i cast.mov cast.webm

@LouisCAD
Copy link

Why do you need "yasm"? What is it for?

@prestonp
Copy link
Author

Why do you need "yasm"? What is it for?

It is a dependency for libvpx for building on x86, check out the prerequisites here https://github.com/webmproject/libvpx

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment