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

Web audio api TDC

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Rafael Specht da Silva Rafael Specht da Silva
October 17, 2014
Programming
98
2

Web audio api TDC

Slides from my talk about Web Audio API on TDC Porto Alegre

Avatar for Rafael Specht da Silva

Rafael Specht da Silva

October 17, 2014

More Decks by Rafael Specht da Silva

See All by Rafael Specht da Silva
A gift of sound and vision
Avatar for Rafael Specht da Silva rssilva
0
190
JS && Matemática - RSJS 2017
Avatar for Rafael Specht da Silva rssilva
2
230
Signal Processing with JavaScript JSConf Colombia
Avatar for Rafael Specht da Silva rssilva
0
180
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
Avatar for Rafael Specht da Silva rssilva
1
87
Processamento Digital de Sinais com Javascript - RSJS 2015
Avatar for Rafael Specht da Silva rssilva
2
110
Digital Signal Processing w/ Javascript
Avatar for Rafael Specht da Silva rssilva
3
1.1k
Javascript Ilegível
Avatar for Rafael Specht da Silva rssilva
0
530
Javascript ao Infinito e Além TDC Porto Alegre 2014
Avatar for Rafael Specht da Silva rssilva
0
95
Javascript ao infinito e além
Avatar for Rafael Specht da Silva rssilva
0
100

Other Decks in Programming

See All in Programming
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
280
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
1
190
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
810
How to stabilize UI tests using XCTest
Avatar for Akio Itaya akkeylab
0
150
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.6k
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
600
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
150
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.3k
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
350
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
1.2k
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
1.4k
AIと共にエンジニアとPMの “二刀流”を実現する
Avatar for Naruo Yoshiki naruogram
0
110

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
870
Designing for Performance
Avatar for Lara Hogan lara
611
70k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
660
It's Worth the Effort
Avatar for 3n 3n
188
29k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
160
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
240
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
150
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
350
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k

Transcript

  1. WEB AUDIO API O browser nunca foi tão barulhento @rafael_sps

  2. QUEM? Desenvolvedor Web - Grupo RBS Péssimo músico

  3. Altamente inspirado por @shiota @almirfilho

  4. None
  5. None
  6. None

  7. Em produção link1, link2

  8. Controlar áudio

  9. Audio Context var context = new (window. AudioContext || window.

    webkitAudioContext)();

  10. Controle de tempo Pré-bufferização Efeitos & análise em tempo real

    da tag <audio> diferente

  11. Source Nodes audio buffers live audio inputs <audio> oscillators js

    processors

  12. nodos

  13. Conectando Nodos Source Destination Delay Gain Filter

  14. Osciladores

  15. Tipos exemplo

  16. Fourier Relação Tempo- Frequência

  17. Gráfico de frequência

  18. Filtros exemplo

  19. Gerando Áudio exemplo

  20. Timbre

  21. User Media EXEMPLO

  22. Amostragem EXEMPLO

  23. Quan- tização EXEMPLO

  24. 8-bits EXEMPLO

  25. AS API’s são nossas! Façam barulho na web! @rafael_sps github.com/rssilva

    fb.com/rafaelspdasilva [email protected]