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

Brincando de músico usando WebAudioAPI

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 27, 2014
Technology
92
0

Brincando de músico usando WebAudioAPI

Using Javascript!

Avatar for Diógenes Fernandes

Diógenes Fernandes

February 27, 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
23
Conseguindo seu primeiro emprego remoto na gringa
Avatar for Diógenes Fernandes diofeher
0
52
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
120
How I made a Spacedrum
Avatar for Diógenes Fernandes diofeher
0
110

Other Decks in Technology

See All in Technology
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
1.2k
コンテナ運用におけるネットワーク・コンテナコストの削減方法／How to Reduce Network and Container Costs in Container Operations
Avatar for モブエンジニア masakiokuda
1
150
宣言型部分更新は何を解決しどこへ向かうのか
Avatar for did0es shuta13
1
450
実践！Cloud Run ハンズオン！！ / Cloud Run handson
Avatar for y-ohgi y0hgi
2
280
実体験から学ぶ分析エージェントの開発と運⽤
Avatar for Recruit recruitengineers
PRO
8
2.4k
[JAWS-UG彩の国埼玉#12]そろそろ準備する？re:Invent2026をやさしく解説 / reinvent2026-sainokuni
Avatar for sh_fk2 sh_fk2
1
340
TinyGoでオブザーバビリティ？OpenTelemetryはTinyGoで使えるのか / Is OpenTelemetry available in TinyGo environment?
Avatar for ymotongpoo ymotongpoo
2
140
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
Avatar for Kenichi Odo kenichiodo
2
160
AI時代のPRレビューにどう向き合うか？
Avatar for KairiM kairim0
1
240
オントロジーって 結局なにもの？ AI エージェントに「意味」を渡す知識設計の話
Avatar for TomoyukiMurakami greenmidori
0
180
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
190
AIにシークレットを見せない、WSL2で安全な開発環境
Avatar for yazm4 yazm
0
300

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
320
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
520
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
320
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
16k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
BBQ
Avatar for Matthew Crist matthewcrist
90
10k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k

Transcript

  1. Brincando de músico usando WebAudio API @diofeher

  2. Diógenes Fernandes http://diofeher.net http://github.com/diofeher @diofeher

  3. Um pouco de história

  4. -bgsound (IE) -embed (Netscape) -flash (cross-browser) -<audio>

  5. WebAudio API!!

  6. None

  7. getUserMedia() XHR createOscillator() <audio>

  8. Estrutura

  9. demo | console

  10. Sintetizado! http://eshiota.github.io/retro-audio-js/

  11. White Noise demo | rain.html

  12. XHR

  13. demo | app1.html

  14. demo | app2.html

  15. getUserMedia() live

  16. ? @diofeher