Convert webm to mp4

By  on  

There's an upcoming Mozilla trip to Hawaii on the cards and, in trying to be a good family man, I'm bringing my wife and two young sons.  Glutton for punishment?  Probably.  Anyways, I've been feverishly downloading cartoons from YouTube using youtube-dl to put onto our new iPad to keep my oldest son occupied during the long flight.

It seems as though YouTube preserves the original video format, since sometimes youtube-dl provides a webm and other times a mp4.  Since mp3s are iOS' best friend, I've needed to convert the webm files to mp4.  The following ffmpeg command will make that happen:

ffmpeg -i "Spider-Man.webm" -qscale 0 "Spider-Man.mp4"

The qscale 0 directive instructs ffmpeg not to adjust quality of the video during conversion.  And with this conversion I can now properly transfer the videos onto my iPad.

Check out my media tutorials for more magic when it comes to video, audio, and images.  You're sure to learn a few tricks along the way.

Recent Features

  • By
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    Camera and Video Control with HTML5

    Client-side APIs on mobile and desktop devices are quickly providing the same APIs.  Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop.  One of those APIs is the getUserMedia API...

Incredible Demos

  • By
    Dynamic Waveform Visualizations with wavesurfer.js

    Waveform images are an awesome addition to boring audio widgets.  They can be functional as well as aesthetically pleasing, allowing users to navigate audio visually.  I recently found wavesurfer.js, an amazing waveform image utility that uses to Web Audio API to create super customizable...

  • By
    CSS Sprites

    The idea of CSS sprites is pretty genius. For those of you who don't know the idea of a sprite, a sprite is basically multiple graphics compiled into one image. The advantages of using sprites are: Fewer images for the browser to download, which means...

Discussion

  1. Raph

    Hello,

    Have a look at this : https://www.onlinevideoconverter.com/firefox-addon

    This Grease adds a “convert” video to Youtube. Everything is processed on their server and it’s pretty fast !

  2. What about using the --list-formats argument with youtube-dl and download the MP4 that suits your needs?

  3. Jason Watkins

    Suggested code doesn’t work (10/22/17), Ubuntu 16.04.3 amd64

    “The encoder ‘aac’ is experimental but experimental codecs are not enabled, add ‘-strict -2’ if you want to use it.”

  4. It now says “Please use -q:a or -q:v, -qscale is ambiguous”.
    I guess -q:v 0 would be the new substitute.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!