如何从音频创建HTML5中的音频播放器?

时间:2010-11-19 02:04:26

标签: html5 html5-audio jplayer

我找到了几个HTML5音频示例:

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

此网站使用上述jQuery插件进行流媒体:
http://wfmu.org/html5/player.php

这个从头开始使用流:
http://www.trygve-lie.com/blog/entry/html_5_audio_element_and

另一个教程:
http://html5doctor.com/native-audio-in-the-browser/

只要该流有Ogg Vorbis源和MP3,它应该是好的。

我如何使用JavaScript创建一个频道选择器,在更改频道时会使用不同的音频源来源?

1 个答案:

答案 0 :(得分:0)

你应该能够简单地使用jquery或常规javascript从dom中删除旧标签,并创建一个新标签,将源设置为新的mp3文件(从你的音轨列表选择器),并开始播放。 即。

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

一些相当不错的例子here