Como faço para criar um player de áudio no HTML5 a partir de um áudio?

Question

Encontrei alguns exemplos de áudio HTML5:

plugin jQuery:
http://www.happyworm.com/jquery/jplayer/latest/demo-01.htm

Este site usa o plugin jQuery acima para um fluxo:
http://wfmu.org/html5/player.php

Este usa fluxos do zero:
http://www.trygve-lie.com/blog/entry/html_5_audio_element_and

Outro tutorial:
http://html5doctor.com/native-audio-in-the-browser/

Enquanto o fluxo tiver a fonte OGG Vorbis e o MP3, deve ser bom.

Como eu poderia usar o JavaScript para criar um picker de canal que usaria uma fonte diferente para o fluxo de áudio ao alterar o canal?

Answer 1

Você deve simplesmente usar o jQuery ou JavaScript regular para remover a tag antiga do DOM e criar uma nova tag, definir a fonte como o novo arquivo MP3 (do seu seletor de listagem de faixas) e iniciá -lo. ou seja

var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'loading.ogg');
audioElement.play();

Alguns exemplos bastante decentes aqui