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

Brincando de músico usando WebAudioAPI

Diógenes Fernandes
February 27, 2014
Technology
0
78

Brincando de músico usando WebAudioAPI

Using Javascript!

Diógenes Fernandes

February 27, 2014
Tweet

More Decks by Diógenes Fernandes

See All by Diógenes Fernandes
Hackeando a votação do BBB com Python
diofeher
0
110
ES6 - Consertando as partes ruins do JavaScript
diofeher
0
83
How I made a Spacedrum
diofeher
0
94

Other Decks in Technology

See All in Technology
アクセス制御にまつわる改善 / Improving access control
itkq
0
550
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
210
Delivering Millions of Messages within seconds @ Duolingo
pelelgrino
0
350
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
230
反実仮想機械学習とは何か
usaito
PRO
11
4.7k
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
370
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
360
Building Dashboards as a Hobby
egmc
0
230
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
生成AIの変革の時代に、 直近1年で直面した課題とその解決策
ktc_wada
0
320
リテール金融（キャッシュレス・ネット銀行・ネット証券）の競争環境と経済圏
8maki
0
1.2k
ワールドカフェI ／チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
120

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Side Projects
sachag
451
41k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Practical Orchestrator
shlominoach
182
9.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Producing Creativity
orderedlist
PRO
337
39k
A Tale of Four Properties
chriscoyier
151
22k
It's Worth the Effort
3n
180
27k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
RailsConf 2023
tenderlove
4
540
YesSQL, Process and Tooling at Scale
rocio
164
13k

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