Como criar um player de MP3 em HTML

Passo 1

Abra seu editor de texto favorito. Qualquer um vai funcionar.

Passo 2

Escreva o seguinte código HTML:

Certifique-se de substituir "my_mum.mp3" pelo arquivo MP3 que você deseja reproduzir.

Passo 3

Vá para "Arquivo", selecione "Salvar como" e navegue até o diretório onde seu arquivo MP3 está localizado. Na caixa de texto "Nome do arquivo", digite o nome do arquivo com a extensão ".html" (e não ".txt" ou ".doc"). Clique em "Salvar".

Passo 4

Navegue até o diretório onde você salvou o arquivo ".html" e clique duas vezes nele. Seu navegador padrão será executado e você ouvirá que seu arquivo começa a ser reproduzido. Você verá um player cinza que possui um botão play / pause / stop, um controle deslizante de volume e uma barra de progresso que informa aonde você está na música.