我可以设置这个音频播放器

时间:2013-10-30 12:32:55

标签: css html5 css3 media-player

我正在尝试制作一个非常简单的音频播放器,而且我遇到过这个小提琴:http://jsfiddle.net/yJfbX/2/这是我真正需要的,但问题是我真的可以这样做吗?

以下是代码:

JS: var audio    = new Audio();
    playlist = $('#playlist');

               playlist.on('click', 'li', function() {
                  playlist.find('.current').removeClass('current');
                  $(this).addClass('current');
                  audio.src = $(this).data('src');
                  audio.play();
               }).find('li:first').trigger('click');

audio.controls = true;
document.body.appendChild(audio);

HTML:

<ul id="playlist">
    <li data-src="http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/02%20Cherry%20Blossom%20Girl.mp3">Cherry Blossom Girl (AIR)</li>
    <li data-src="http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/04%20Universal%20Traveller.mp3">Universal Traveller (AIR)</li>
    <li data-src="">Another Day (AIR(</li>
</ul>

1 个答案:

答案 0 :(得分:1)

你最有可能使用像jPlayer这样的东西,你可以创建自己的皮肤和样式。我已经在许多项目中使用它,它永远不会让我失去API。

http://jplayer.org/