PhP / HTML播放按钮

时间:2012-03-21 18:09:14

标签: php audio

我想制作自己的小网页,我有一个域Saoo.eu 如你所见,角落里有一个小的播放按钮,播放播放列表。无论如何在我每次添加的页面上都有播放按钮,而不会在每次页面更改时重置? 我被迫使用iFrames吗?

这是我的播放器代码

<button id="audioControl" style="width:30px;height:25px;"></button>
<audio id="aud" src="" autoplay autobuffer />

脚本:

$(document).ready(function() {
   $('#audioControl').html('II');
   if(Modernizr.audio && Modernizr.audio.mp3) {
    audio.setAttribute("src",'http://daokun.webs.com/play0.mp3');
} else if(Modernizr.audio && Modernizr.audio.wav) {
    audio.setAttribute("src", 'http://daokun.webs.com/play0.ogg');
}
});

var audio = document.getElementById('aud'),
count = 0;

$('#audioControl').toggle(
function () {
 audio.pause();
 $('#audioControl').html('>');
 },
function () {
 audio.play();
 $('#audioControl').html('II');
}
);

audio.addEventListener("ended", function() {
count++;
  if(count == 4){count = 0;}
if(Modernizr.audio && Modernizr.audio.mp3) {
    audio.setAttribute("src",'http://daokun.webs.com/play'+count+'.mp3');
} else if(Modernizr.audio && Modernizr.audio.wav) {
    audio.setAttribute("src", 'http://daokun.webs.com/play'+count+'.ogg');
}
 audio.load();
});

0 个答案:

没有答案