Yves Van Broekhoven yvesvanbroekhoven

Convert MOV to GIF using FFmpeg and ImageMagick

I tried a few different techniques to make a GIF via command-line and the following gives me the best control of quality and size. Once you're all setup, you'll be pumping out GIFs in no time!

Preparation

Install FFmpeg

$ brew install ffmpeg [all your options]
- Example: $ brew install ffmpeg --with-fdk-aac --with-ffplay --with-freetype --with-frei0r --with-libass --with-libvo-aacenc --with-libvorbis --with-libvpx --with-opencore-amr --with-openjpeg --with-opus --with-rtmpdump --with-schroedinger --with-speex --with-theora --with-tools

Install ImageMagick

	<script type="text/javascript">
	WebtypeConfig = {
	kitId: 'd5d59de3-a6b0-4d6a-b7a2-405bead6519b',
	scriptTimeout: 3000
	};
	(function(){var h=document.getElementsByTagName('html')[0];h.className+=' wt-loading';var t=setTimeout(function(){h.className=h.className.replace(/(\s\|^)wt-loading(\s\|$)/g,'');h.className+=' wt-inactive';},WebtypeConfig.scriptTimeout);var wt=document.createElement('link');wt.href='//cloud.webtype.com/css/'+WebtypeConfig.kitId+'.css';wt.type='text/css';wt.rel='stylesheet';wt.async='true';wt.onload=wt.onreadystatechange=function(){var rs=this.readyState;if(rs&&rs!='complete'&&rs!='loaded')return;clearTimeout(t);};var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wt,s);})();
	</script>

-<!DOCTYPE html>
-<html>
-<head>
-  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-touch-fullscreen" content="yes">
-  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
-  <style>
-    html, body {margin: 0; padding: 0; overflow: hidden}

	require 'rubygems'
	require 'bundler'

	Bundler.require
	require './application'

	namespace :assets do
	desc 'compile assets'
	task :compile => [:compile_js, :compile_css] do
	end

	var p1 = {
	x: 20,
	y: 20
	};

	var p2 = {
	x: 40,
	y: 40
	};

	#!/usr/bin/env bash

	uninstall() {
	list=`gem list --no-versions`
	for gem in $list; do
	gem uninstall $gem -aIx
	done
	gem list
	gem install bundler
	}

	function __git_dirty {
	git diff --quiet HEAD &>/dev/null
	[ $? == 1 ] && echo " ↺ "
	}

	function __git_branch {
	__git_ps1 "%s"
	}

	function __my_rvm_ruby_version {

	@media only screen and (min-width: 320px) {

	/* Small screen, non-retina */

	}

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),

	function sb_init {
	local RED="\033[0;31m"
	local NC="\033[0m"

	if [ ! $# == 1 ]; then
	echo -e "${RED}Please specify a project name.${NC}"
	echo -e "Usage: init project-name\n"
	else
	if ! type "ruby" > /dev/null; then
	echo -e "${RED}Please install Ruby:${NC}"

	//
	// Shake horizontally
	//
	// Use:
	// @include animation(shake-x 1s);
	//
	@include keyframes(shake-x) {
	0%, 100% {
	@include translateX(0);
	}