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

Web audio api TDC

Rafael Specht da Silva
October 17, 2014
Programming
2
71

Web audio api TDC

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

Rafael Specht da Silva

October 17, 2014
Tweet

More Decks by Rafael Specht da Silva

See All by Rafael Specht da Silva
A gift of sound and vision
rssilva
0
160
JS && Matemática - RSJS 2017
rssilva
2
210
Signal Processing with JavaScript JSConf Colombia
rssilva
0
160
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
rssilva
1
72
Processamento Digital de Sinais com Javascript - RSJS 2015
rssilva
2
98
Digital Signal Processing w/ Javascript
rssilva
3
980
Javascript Ilegível
rssilva
0
470
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
72
Javascript ao infinito e além
rssilva
0
85

Other Decks in Programming

See All in Programming
今の SmartHR にエンジニアで入社するとどうなるの？
daisukeshinoku
5
4.6k
Git Rebase
bkuhlmann
11
1.6k
Folding Cheat Sheet #3
philipschwarz
PRO
0
110
puregoの活用例
aethiopicuschan
0
220
try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと
ski
0
340
[SF Ruby, March 2024] Rails on Wasm
palkan
0
380
Javaエンジニアのための Nodejs/Nuxt3入門
hidekatsu_izuno
0
280
[技育CAMPアカデミア]アイディアを形に！【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
Folding Cheat Sheet #1
philipschwarz
PRO
0
210
⼤規模⾔語モデルの拡張（RAG）が 終わったかも知れない件について
nearme_tech
22
15k
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.2k

Featured

See All Featured
Debugging Ruby Performance
tmm1
70
11k
Designing for humans not robots
tammielis
247
25k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
Building an army of robots
kneath
300
41k
Designing with Data
zakiwarfel
95
4.8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
76
41k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Happy Clients
brianwarren
91
6.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Robots, Beer and Maslow
schacon
PRO
155
7.9k

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]