Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

How I made a Spacedrum

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Diógenes Fernandes Diógenes Fernandes
February 11, 2014
Technology
110
0

How I made a Spacedrum

I did that talk to show to my colleagues how I did it. There were a lot of demos so slides don't show much.

Avatar for Diógenes Fernandes

Diógenes Fernandes

February 11, 2014

More Decks by Diógenes Fernandes

See All by Diógenes Fernandes
How OpenTofu uses LSP to power its text editors plugins
Avatar for Diógenes Fernandes diofeher
0
22
Conseguindo seu primeiro emprego remoto na gringa
Avatar for Diógenes Fernandes diofeher
0
49
Hackeando a votação do BBB com Python
Avatar for Diógenes Fernandes diofeher
0
160
ES6 - Consertando as partes ruins do JavaScript
Avatar for Diógenes Fernandes diofeher
0
110
Brincando de músico usando WebAudioAPI
Avatar for Diógenes Fernandes diofeher
0
92

Other Decks in Technology

See All in Technology
Making AI Agents Safe and Fast- Jev, Obsidian, and the Meta-Harness
Avatar for Daisuke Masuda x5gtrn
PRO
0
110
AIで社員の自主発信に広報目線を組み込む
Avatar for もっさん _mossann_t
0
140
あけおめLINE 傾向とその対策
Avatar for nasa9084 nasa9084
0
190
品質と信頼性を地続きにする
Avatar for gr1m0h grimoh
2
900
え、こんなに早く改修できるの？──新人エンジニアとスクラムマスターの2人が語る、AI×アジャイル開発の現場
Avatar for Yoshihiro Sasago ysasago
2
630
新機種発売前に見直そう！端末移行で再ログインが要るアプリ・要らないアプリは何が違うのか 〜シームレスに再開できる設計と実装〜
Avatar for ZOZO Developers zozotech
PRO
0
220
時うどん〜Socket.getifaddrsで学ぶネットワーク編 / Tokiudon: The Socket.getifaddrs Edition
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
4
210
「ピッケル本」日本語版は4.0(第6版)が出版されるべき / pickaxe4-nagoyark05
Avatar for Shintaro Kakutani kakutani
2
260
Goodbye ShellScript, Hello File-based App
Avatar for Shunsuke Tsuchiya shunsock
0
620
GoのInterface内部構造から学ぶ！最高パフォーマンスを出すコード設計
Avatar for Yappli Developers yappli_developers
1
240
AIによるクリエイティブ生成を行う上での試行錯誤
Avatar for PLAID Tech plaidtech
PRO
0
170
AI coding 整合正規方法
Avatar for philipz philipz
0
440

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
390
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
280
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
850
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
410
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
530
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
570
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
550
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
760
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240

Transcript

  1. how I made a spacedrum @diofeher

  2. man, you’re awesome!!! you have created an instrument!!!1

  3. DIDNT DO THAT! spacedrum really exists!

  4. technical reference

  5. None

  6. markup

  7. None

  8. styling

  9. None
  10. None
  11. None

  12. AudioAPI

  13. None

  14. getUserMedia() XMLHttpRequest Canvas Oscillator

  15. demo

  16. None
  17. None

  18. JS

  19. None
  20. None
  21. None
  22. None

  23. recorder

  24. None

  25. demo

  26. None
  27. None
  28. None

  29. (function () { ... }).call();

  30. CLOSURES!

  31. None

  32. ?