Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

Altamente inspirado por @shiota @almirfilho

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Em produção link1, link2

Slide 8

Slide 8 text

Controlar áudio

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Controle de tempo Pré-bufferização Efeitos & análise em tempo real da tag diferente

Slide 11

Slide 11 text

Source Nodes audio buffers live audio inputs oscillators js processors

Slide 12

Slide 12 text

nodos

Slide 13

Slide 13 text

Conectando Nodos Source Destination Delay Gain Filter

Slide 14

Slide 14 text

Osciladores

Slide 15

Slide 15 text

Tipos exemplo

Slide 16

Slide 16 text

Fourier Relação Tempo- Frequência

Slide 17

Slide 17 text

Gráfico de frequência

Slide 18

Slide 18 text

Filtros exemplo

Slide 19

Slide 19 text

Gerando Áudio exemplo

Slide 20

Slide 20 text

Timbre

Slide 21

Slide 21 text

User Media EXEMPLO

Slide 22

Slide 22 text

Amostragem EXEMPLO

Slide 23

Slide 23 text

Quan- tização EXEMPLO

Slide 24

Slide 24 text

8-bits EXEMPLO

Slide 25

Slide 25 text

AS API’s são nossas! Façam barulho na web! @rafael_sps github.com/rssilva fb.com/rafaelspdasilva [email protected]