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
86

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

Other Decks in Technology

See All in Technology
AI駆動開発を事業のコアに置く
Avatar for 鬼澤輔 tasukuonizawa
1
210
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
110
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160
Red Hat OpenStack Services on OpenShift
Avatar for Tatsuya Amemiya tamemiya
0
110
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
Avatar for ama-ch ama_ch
0
150
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
360
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
670
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
210
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
150
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
140
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
380

Featured

See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
640
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
100

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