This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
=Navigating= | |
visit('/projects') | |
visit(post_comments_path(post)) | |
=Clicking links and buttons= | |
click_link('id-of-link') | |
click_link('Link Text') | |
click_button('Save') | |
click('Link Text') # Click either a link or a button | |
click('Button Value') |
# Monitor HTTP requests being made from your machine with a one-liner.. | |
# Replace "en1" below with your network interface's name (usually en0 or en1) | |
sudo tcpdump -i en1 -n -s 0 -w - | grep -a -o -E "Host\: .*|GET \/.*" | |
# OR.. to be able to use as "httpdump" from anywhere, drop this into ~/.bash_profile: | |
# (again replace "en1" with correct network interface name) | |
alias httpdump="sudo tcpdump -i en1 -n -s 0 -w - | grep -a -o -E "Host\: .*|GET \/.*"" | |
# All the above tested only on OS X. |
if [ -z $1 ] | |
then | |
if [ "$OS" == "Darwin" ] | |
then | |
echo "Updating…" | |
brew update | |
echo "Upgrading…" | |
brew upgrade | |
else | |
sudo apt-get update |
I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>video</title> | |
<style> | |
.wraper { position: relative; } | |
.videoHolder, .cover { position: absolute; } | |
.videoHolder { | |
display: none; | |
z-index: 1; |
var pins = { | |
spark: { | |
servo: 'D0', | |
button: 'D7', | |
red: 'A0', | |
green: 'A1', | |
blue: 'A4' | |
}, | |
arduino: { | |
servo: 10, |