rocketseat-content / youtube-html-js-audio-player

An audio player created with HTML Audio and Javascript :rocket:

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Trabalhando com HTML Audio e JavaScript

RocketCast

Easy

  • Iniciar a estrutura do layout (HTML e CSS).
  • Criar o player de audio
  • Fazer o player tocar automaticamente quando a janela abrir
  • Ok, me arrependi, o player tocando automaticamente é horrível. Remova esta opção de autoplay
  • Alimentar o player com os dados de audio

Moderate

  • Refatorar: Criar um objeto para guardar o estado, funcionalidades e configurações do player
  • Quando o audio finalizar, iniciar o próximo da lista
  • Quando chegar no último audio, voltar a reproduzir o primeiro.

Hard

  • Iniciar a customização visual do player
  • Adicionar funcionalidade para os botões (Play/Pause, Volume, Mute e Seekbar)

About

An audio player created with HTML Audio and Javascript :rocket:


Languages

Language:JavaScript 55.8%Language:CSS 22.2%Language:HTML 22.0%