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.
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
![Vibration API]()
Many of the new APIs provided to us by browser vendors are more targeted toward the mobile user than the desktop user. One of those simple APIs the Vibration API. The Vibration API allows developers to direct the device, using JavaScript, to vibrate in...
![Simple Image Lazy Load and Fade]()
One of the quickest and easiest website performance optimizations is decreasing image loading. That means a variety of things, including minifying images with tools like ImageOptim and TinyPNG, using data URIs and sprites, and lazy loading images. It's a bit jarring when you're lazy loading images and they just...
![jQuery Link Nudge Plugin]()
A while back I debuted a tasteful mouseover/mouseout technique called link nudging. It started with a MooTools version and shortly thereafter a jQuery version. Just recently Drew Douglass premiered a jQuery plugin that aimed at producing the same type of effect.
If you wanted to you can extract the audio from the video. If you needed the audio for something else.
Thanks for the tutorial!