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 vs. JS Animation: Which is Faster?]()
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps?
This article serves as a point-by-point...
![Animated 3D Flipping Menu with CSS]()
CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more. I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet...
![Using Opacity to Show Focus with MooTools]()
I'm a huge fan of using subtle effects like link nudging (jQuery, MooTools) to enhance the user experience and increase the perceived dynamism of my websites. Trust me -- a lot of little things are what take websites to the next level.
![jQuery Comment Preview]()
I released a MooTools comment preview script yesterday and got numerous requests for a jQuery version. Ask and you shall receive! I'll use the exact same CSS and HTML as yesterday.
The XHTML
The CSS
The jQuery JavaScript
On the keypress and blur events, we validate and...
If you wanted to you can extract the audio from the video. If you needed the audio for something else.
Thanks for the tutorial!