JSFoo 2013 - Talking Image

856 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
856
On SlideShare
0
From Embeds
0
Number of Embeds
350
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

JSFoo 2013 - Talking Image

  1. 1. GIF  Images   Now  with  Sound!  
  2. 2. Hage  Yaapa   @hacksparrow   Architect,  Sourcebits  
  3. 3. CHALLENGE  
  4. 4. CHALLENGE   Add  sound  to  a  GIF  animaBon  
  5. 5. CHALLENGE   Accepted  …  
  6. 6. CHALLENGE   Accepted  and  Accomplished!  
  7. 7. Demo  
  8. 8. ImplementaBon  Replay   1.  AJach  audio  to  GIF   2.  Extract  audio  from  GIF   3.  Play  audio  
  9. 9. ImplementaBon  Replay   1.  AJach  audio  to  GIF   2.  Extract  audio  from  GIF   3.  Play  audio   ✔   $  cat  music.mp3  >>  cat.gif  
  10. 10. ImplementaBon  Replay   1.  AJach  audio  to  GIF   2.  Extract  audio  from  GIF   3.  Play  audio   ✔   ✔   ArrayBuffer,  ArrayBufferView,  DataView,  StringView,  jBinary  
  11. 11. ImplementaBon  Replay   1.  AJach  audio  to  GIF   2.  Extract  audio  from  GIF   3.  Play  audio   ✔   ✔   ✔   Audio  object  and  Data  URI  
  12. 12. TALKING  IMAGE   hJps://github.com/hacksparrow/talking-­‐image  
  13. 13. THE  GOOD,  THE  BAD,  THE  SAD,     THE  UGLY,  AND   .  
  14. 14. Hage  Yaapa   @hacksparrow   Architect,  Sourcebits   www.hacksparrow.com  
  15. 15. Error:  AUDIO  MISSING  

×