GIF  Images  Now  with  Sound!  

Hage  Yaapa  

@hacksparrow  Architect,  Sourcebits  

CHALLENGE  

CHALLENGE  Add  sound  to  a  GIF  animaBon  

CHALLENGE  Accepted  …  

CHALLENGE  Accepted  and  Accomplished!  

Demo  

ImplementaBon  Replay  1.  AJach  audio  to  GIF  2.  Extract  audio  from  GIF  3.  Play  audio  

ImplementaBon  Replay  1.  AJach  audio  to  GIF  2.  Extract  audio  from  GIF  3.  Play  audio  

✔  

$  cat  music.mp3  >>  cat.gif  

ImplementaBon  Replay  1.  AJach  audio  to  GIF  2.  Extract  audio  from  GIF  3.  Play  audio  

✔  

✔  

ArrayBuffer,  ArrayBufferView,  DataView,  StringView,  jBinary  

ImplementaBon  Replay  1.  AJach  audio  to  GIF  2.  Extract  audio  from  GIF  3.  Play  audio  

✔  

✔  

✔  

Audio  object  and  Data  URI  

TALKING  IMAGE  hJps://github.com/hacksparrow/talking-­‐image  

THE  GOOD,  THE  BAD,  THE  SAD,    THE  UGLY,  AND   .  

Hage  Yaapa  @hacksparrow  

Architect,  Sourcebits  

www.hacksparrow.com  

Error:  AUDIO  MISSING