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

Brincando de músico usando WebAudioAPI

Avatar for Diógenes Fernandes Diógenes Fernandes
February 27, 2014
Technology
0
84

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
Conseguindo seu primeiro emprego remoto na gringa
Avatar for Diógenes Fernandes diofeher
0
35
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
94
How I made a Spacedrum
Avatar for Diógenes Fernandes diofeher
0
98

Other Decks in Technology

See All in Technology
RSCの時代にReactとフレームワークの境界を探る
Avatar for uhyo uhyo
10
3.3k
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
6
380k
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
Avatar for gowhich501 gowhich501
1
120
5分でカオスエンジニアリングを分かった気になろう
Avatar for Aja9tochin pandayumi
0
180
DDD集約とサービスコンテキスト境界との関係性
Avatar for Aja9tochin pandayumi
2
280
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
250
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
170
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
Avatar for pei0804 pei0804
1
120
Function Body Macros で、SwiftUI の View に Accessibility Identifier を自動付与する/Function Body Macros: Autogenerate accessibility identifiers for SwiftUI Views
Avatar for Yuki Miida miichan
2
180
Automating Web Accessibility Testing with AI Agents
Avatar for South maminami373
0
1.2k
AI駆動開発に向けた新しいエンジニアマインドセット
Avatar for kazue kazue
0
330

Featured

See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.9k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
13k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.4k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k

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