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

Brincando de músico usando WebAudioAPI

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Diógenes Fernandes Diógenes Fernandes
February 27, 2014
Technology
0
88

Brincando de músico usando WebAudioAPI

Using Javascript!

Avatar for Diógenes Fernandes

Diógenes Fernandes

February 27, 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
4
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
110
How I made a Spacedrum
Avatar for Diógenes Fernandes diofeher
0
100

Other Decks in Technology

See All in Technology
スケールアップ企業でQA組織が機能し続けるための組織設計と仕組み〜ボトムアップとトップダウンを両輪としたアプローチ〜

Avatar for tarappo tarappo
4
370
形式手法特論：SMT ソルバで解く認可ポリシの静的解析 #kernelvm / Kernel VM Study Tsukuba No3
Avatar for y_taka_23 ytaka23
1
790
大規模ECサイトのあるバッチのパフォーマンスを改善するために僕たちのチームがしてきたこと
Avatar for panda_program panda_program
1
390
Phase12_総括_自走化
Avatar for overflow ,Inc overflowinc
0
1.5k
品質を経営にどう語るか #jassttokyo / Communicating the Strategic Value of Quality to Executive Leadership
Avatar for kyonmm kyonmm
PRO
3
1.2k
20260321_エンベディングってなに？RAGってなに？エンベディングの説明とGemini Embedding 2 の紹介
Avatar for tsho tsho
0
160
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
Avatar for kaomi kaomi_wombat
0
240
Phase08_クイックウィン実装
Avatar for overflow ,Inc overflowinc
0
1.7k
SSoT（Single Source of Truth）で「壊して再生」する設計
Avatar for かわうそ kawauso
2
330
モジュラモノリス導入から4年間の総括：アーキテクチャと組織の相互作用について / Architecture and Organizational Interaction
Avatar for Satoshi Kawashima nazonohito51
6
3k
_Architecture_Modernization_から学ぶ現状理解から設計への道のり.pdf
Avatar for SatohJohn satohjohn
2
770
GitHub Copilot CLI で Azure Portal to Bicep
Avatar for Yuta Matsumura tsubakimoto_s
0
190

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
770
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
86
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
140
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
220
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
160

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