Criando Player de Áudio com Javascript | Mayk Brito

Fala Dev! Beleza??

No vídeo de hoje vamos aprender a usar a tag audio do html5, criando um player de áudio, simulando um podcast player, com JavaScript puro e utilizando materialize como framework css.

Aprenderemos como manipular a dom e funcionalidades básicas de um player de áudio.

Vai ser uma experiência incrível!

Bora codar!

-----

Acompanhe a Rocketseat nas redes sociais:

[evertonmaca]

Muito top, estou começando meus estudos em programação agora aos 40 anos e estou morrendo de medo, mas obrigado pela motivação no final. Precisava muito ouvir essas palavras. E que aula muito mas muito surpreendente.

[pegandoatalho]

Esse time é muito TOP! Hoje trabalho com marketing digital, mas quero logo mais começar a programar e já sei bem o melhor caminho. Sou Designer mas em minhas veias corre código fonte!
Vocês são muito bons! Parabéns.

[thallesmanhaes]

"Ele vai PLEYAAA", um dos melhores instrutores que já vi na vida, Mayk Brito simplesmente monstro!!!!

[vincolasrj]

Muito bom!! Para ficar show faltou corrigir 2 coisas:
1. o update() que ficou sendo chamado 2x dentro no metodo next(); colocar um "return" dentro do if para encerrar a execução.
2. O ícone de mute é "volume_mute" e não "volume_down"

[franciscomessiascelestinoa]

Passei uns 3 ou 4 dias, mas finalmente terminei. Muito obrigado, por dividirem com a comunidade conhecimentos tão importante e poderoso!!! Juntos para o próximo nível!!!

[brunonzx]

Caraca mano a Omnistack tá a todo vapor essa semana e o pessoal ainda consegue produzir mais conteúdo pro canal!! Esse time da Rocketseat é TOP!!!

[AlcinoMartins]

eu também aprimorei seu projeto
coloquei mais botões e inclusive da pra trocar a play list, escolher o gênero da musica você me ajudou muito obrigado

[antoniomartins]

Ensina como criar player de video que nem o do starter dos cursos da rocketseat!

[vitorhugo]

Acho que nunca vi um canal melhor do que esse sobre JavaScript e frameworks relacionados ao JS, muito foda!

[marciosouza]

Muito bom! Valeu por essa aula. Eu como trabalho muito durante a semana, fui fazendo um pouco cada dia. Finalizei hoje. Foi ótimo pra treinar vários conceitos e me manter codando todo o dia um pouquinho.

[rodolfodeveloper]

O final, é o motivacional necessário para o ponta pé em uma brilhante carreira

[danielmoura]

Aula sensacional, tem muita coisa pra eu aprender com essa aula, eu já tinha visto o tipo objeto no Discover, mas ainda assim, a minha mente ainda não tinha entendido o que é possível fazer com o objeto, e realmente usando o objeto e separando os códigos e arquivos JS diferente deixou o código muito mais lipo e fácil de entender.

1:29:20 Era isso que eu queria fazer, eu até esqueci que existia o input do tipo range, e eu pensando que teria que fazer na mão, vou ter que ver esse vídeo falando sobre o this.

Tem muita coisa desse vídeo que vou ter que ver de novo, mais uma coisa é certa, esse vídeo abriu mais ainda a minha mente, vlw Mayk por mais uma aula incrível e cheia de conteúdo novo.

PS: Depois vou refatorar o meu código do desafio do Player de Música do #boraCodar utilizando tudo o que eu consegui absorver dessa aula

[VortexChannelBr]

Eu trabalho com desenvolvimento frontend e utilizo muito js, Cara esse vídeo ensino para min o com estruturar melhor os meus js... top vlw cara .

[clebersonosorio]

@Mayk Brito Seus video são fantásticos, não e cansativo.

[neow]

Sua didática é fora do normal🖤 conteúdo bom demais

[JonathanDev]

Esse vídeo foi muito esclarecedor pra meu projeto

[Eldericky]

Caramba mano parabéns pela aula. Você explica MUITO bem! Muito obrigado por esse conteúdo maravilhoso!

[polakorafa]

Show de bola. Aprendi muito ES6 nessa aula. Obrigado.

[BRUNOMTR]

Mayk, tenho duas sugestões de conteúdo: Implementanto a API do Google Maps num website e API do YouTube. Ajudaria bastante!! Likee.

[dvnnunes]

Show. Muito diferente do Java que estudei em 2003 ou 2005... Nem lembro mais.... Estava com problema no note. Mas já estou resolvendo para instalar o material e acompanhar. Obr.