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

Web audio api TDC

Embed Size (px)

DESCRIPTION

Slides da palestra na TDC 2014 em Porto Alegre

Citation preview

Page 1: Web audio api TDC

WEB AUDIO API

O browser nunca foi tão barulhento

@rafael_sps

Page 2: Web audio api TDC

QUEM?

Desenvolvedor

Web - Grupo

RBS

Péssimo músico

Page 4: Web audio api TDC
Page 5: Web audio api TDC
Page 6: Web audio api TDC
Page 8: Web audio api TDC

Controlar

áudio

Page 9: Web audio api TDC

Audio Context

var context = new (window.AudioContext || window.webkitAudioContext)();

Page 10: Web audio api TDC

Controle de tempoPré-bufferização

Efeitos & análise em tempo real

da tag <audio>diferente

Page 11: Web audio api TDC

Source Nodesaudio buffers

live audio inputs<audio>

oscillatorsjs processors

Page 12: Web audio api TDC

nodos

Page 13: Web audio api TDC

Conectando Nodos

Source Destination

Delay

Gain Filter

Page 14: Web audio api TDC

Osciladores

Page 16: Web audio api TDC

Fourier

Relação Tempo-

Frequência

Page 17: Web audio api TDC

Gráfico de frequência

Page 20: Web audio api TDC

Timbre

Page 25: Web audio api TDC

AS API’s são nossas!

Façam barulho na web!

@rafael_spsgithub.com/rssilvafb.com/[email protected]