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
    Create a Sheen Logo Effect with CSS

    I was inspired when I first saw Addy Osmani's original ShineTime blog post.  The hover sheen effect is simple but awesome.  When I started my blog redesign, I really wanted to use a sheen effect with my logo.  Using two HTML elements and...

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

Incredible Demos

  • By
    WebSocket and Socket.IO

    My favorite web technology is quickly becoming the WebSocket API. WebSocket provides a welcomed alternative to the AJAX technologies we've been making use of over the past few years. This new API provides a method to push messages from client to server efficiently...

  • By
    Link Nudging with CSS3 Animations

    One of the more popular and simple effects I've featured on this blog over the past year has been linking nudging.  I've created this effect with three flavors of JavaScript:  MooTools, jQuery, and even the Dojo Toolkit.  Luckily CSS3 (almost) allows us to ditch...

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!