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.
![Creating Scrolling Parallax Effects with CSS]()
Introduction
For quite a long time now websites with the so called "parallax" effect have been really popular.
In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...
![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...
![Multiple File Upload Input]()
More often than not, I find myself wanting to upload more than one file at a time. Having to use multiple "file" INPUT elements is annoying, slow, and inefficient. And if I hate them, I can't imagine how annoyed my users would be. Luckily Safari, Chrome...
![CSS Filters]()
CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...
If you wanted to you can extract the audio from the video. If you needed the audio for something else.
Thanks for the tutorial!