Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
0
100

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
Tweet

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
3
Conseguindo seu primeiro emprego remoto na gringa
Avatar for Diógenes Fernandes diofeher
0
36
Hackeando a votação do BBB com Python
Avatar for Diógenes Fernandes diofeher
0
150
ES6 - Consertando as partes ruins do JavaScript
Avatar for Diógenes Fernandes diofeher
0
100
Brincando de músico usando WebAudioAPI
Avatar for Diógenes Fernandes diofeher
0
86

Other Decks in Technology

See All in Technology
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.6k
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
140
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
600
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
160
AIエージェントを開発しよう！-AgentCore活用の勘所-
Avatar for YukiOgawa yukiogawa
0
170
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
420
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
OpenShiftでllm-dを動かそう！
Avatar for jpishikawa jpishikawa
0
110
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
4
1.3k
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
240
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300

Featured

See All Featured
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
53
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
51
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k

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. ?