Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Web audio api TDC
Search
Rafael Specht da Silva
October 17, 2014
Programming
110
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Web audio api TDC
Slides from my talk about Web Audio API on TDC Porto Alegre
Rafael Specht da Silva
October 17, 2014
Transcript
25 slides
WEB AUDIO API O browser nunca foi tão barulhento @rafael_sps
QUEM? Desenvolvedor Web - Grupo RBS Péssimo músico
Altamente inspirado por @shiota @almirfilho
None
None
None
Em produção link1, link2
Controlar áudio
Audio Context var context = new (window. AudioContext || window.
webkitAudioContext)();
Controle de tempo Pré-bufferização Efeitos & análise em tempo real
da tag <audio> diferente
Source Nodes audio buffers live audio inputs <audio> oscillators js
processors
nodos
Conectando Nodos Source Destination Delay Gain Filter
Osciladores
Tipos exemplo
Fourier Relação Tempo- Frequência
Gráfico de frequência
Filtros exemplo
Gerando Áudio exemplo
Timbre
User Media EXEMPLO
Amostragem EXEMPLO
Quan- tização EXEMPLO
8-bits EXEMPLO
AS API’s são nossas! Façam barulho na web! @rafael_sps github.com/rssilva
fb.com/rafaelspdasilva
[email protected]
More Decks by Rafael Specht da Silva
See All by Rafael Specht da Silva
A gift of sound and vision
rssilva
0
200
JS && Matemática - RSJS 2017
rssilva
2
240
Signal Processing with JavaScript JSConf Colombia
rssilva
0
200
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
rssilva
1
110
Processamento Digital de Sinais com Javascript - RSJS 2015
rssilva
2
130
Digital Signal Processing w/ Javascript
rssilva
3
1.1k
Javascript Ilegível
rssilva
0
560
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
110
Javascript ao infinito e além
rssilva
0
110
Other Decks in Programming
See All in Programming
AI駆動開発4年目の現在地(『あなたはFDEになるべきか?』イベント資料)
kumaiu
0
620
まずはコードより業務と向き合う:テーブル解体のためにPdMを呼んだ話
sakawe_ee
0
230
Apple Intelligenceとオンデバイス時代の到来
yahir0
0
240
선언형 햅틱 라이브러리 진동을 소개합니다
l2hyunwoo
1
310
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか?〜 / Introduction to IaC in the AI Era
akihisaikeda
6
1.5k
AI時代のTerminal環境を UNIX哲学で設計・運用する
yasunori0418
1
350
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
slobodan
0
150
動画プレイヤーはなぜカクつくのか 〜Flutterのレンダリングとネイティブの境界を解剖する〜
naruogram
0
340
SFCで実現する病院・医療システムの動的組み立て式UI
koukimiura
1
180
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
akihisaikeda
1
320
Lambda durable functionsでHuman in the Loopを楽に…楽に……
har1101
2
310
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
kosukesaigusa
0
200
Featured
See All Featured
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
400
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
The Invisible Side of Design
smashingmag
301
52k
Abbi's Birthday
coloredviolet
5
11k
Making the Leap to Tech Lead
cromwellryan
135
10k
Faster Mobile Websites
deanohume
310
32k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
2
3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.2k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k