Skip to content

Latest commit

 

History

History
123 lines (32 loc) · 172 KB

File metadata and controls

123 lines (32 loc) · 172 KB

Javascript Gruppen

img

Bem vindo novamente, participe do nosso gruppen Javascript, treine e adquira novas habilidades, as vezes aprendemos teoria e nao temos como praticar, seus problemas acabaram, visite o GitHub e acompanhe o repositório de nosso Gruppen, encontrar sempre as portas abertas repleto com desafios instigantes.

img https://github.com/VagnerBellacosa/Gruppen_Javascript

  • se gostou img, nao esqueça da estrela, ajuda bastante.

Vamos explorar uma API obscura, pouco conhecida e cheia de possibilidade, vamos fazer barulho em JS.

Salve jovem padawan, venha libertar o Carlos Gomes que vive dentro de ti, vamos fazer um pouco de barulho, soltar os grilos da caixa, codificando em uma API, que permite emitir sons em Javascript, experimentar e conhecer a existência desta funcionalidade.

Existe diversos exemplos na WEB, convido a googlear e descobrir mais, nao se esqueça de compartilhar suas descobertas publicando um artigo aqui na Comunidade DIO.

Se tudo correr bem, poderá ter uma experiência nova em sua pagina HTML, programas com sons foras do convencional e quem sabe criar jogos com sons fabulosos. Então vamos meter a mão na massa? Sera um grande desafio.

Antes de começar

img

Descubra o AudioContext, uma interface que permite explorar o sons, manipulando duração, timbre e volume, para quem entende de teoria musical, esta é a sua ferramenta.

imgLeia a documentação completa: https://developer.mozilla.org/pt-BR/docs/Web/API/AudioContext

Agora chega de delongas e tente superar este desafio

img

\1) Faça um script que reproduza um som qualquer usando o AudioContext.

img

\2) Explore as curvas Oscillator.type: Sine, Square, Triangle, SawtoothOscillator.type: Sine, Square, Triangle, Sawtooth

img

\3) Sera possível reproduzir as 12 notas musicais?

img

\4) Tente tocar alguma musica através de notas musicais e audiocontext.

img

Por hoje é so, boa sorte no desafio

Espero ter ajudado ate o próximo artigo.

img Mais momento jabá, para distrair, visite meu vídeo e veja para onde fui desta vez: https://www.youtube.com/watch?v=Fj3tMKtsh44

Bom curso a todos.

img https://www.linkedin.com/in/vagnerbellacosa/

img https://github.com/VagnerBellacosa/

Pode me dar uma ajudinha no YouTube?

img https://www.youtube.com/user/vagnerbellacosa

https://web.digitalinnovation.one/users/vagnerbellacosa)