Remove Audio From Video
Sometimes I want to display live motion without the audio, since the audio is either bad quality or it's just extra load, which is especially important on mobile. You could probably argue converting the video to GIF is more appropriate, but GIFs can be larger and more taxing on the device. You also cannot pause or control animated GIFs.
The better solution may be to remove the audio from a video:
./ffmpeg -i MusicVideo.webm -vcodec copy -an MusicVideoNoAudio.webm
The -an option removes the the audio from the input file, producing a video without any audio. The sample file below went from 5.4MB to 4.1MB and now you don't hear the annoying wind in the background.
![CSS 3D Folding Animation]()
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
![fetch API]()
One of the worst kept secrets about AJAX on the web is that the underlying API for it, XMLHttpRequest, wasn't really made for what we've been using it for. We've done well to create elegant APIs around XHR but we know we can do better. Our effort to...
![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...
![Event Delegation with MooTools]()
Events play a huge role in JavaScript. I can't name one website I've created in the past two years that hasn't used JavaScript event handling on some level. Ask yourself: how often do I inject elements into the DOM and not add an...
If you wanted to you can extract the audio from the video. If you needed the audio for something else.
Thanks for the tutorial!