Question

我有一个个人网站： http://antonfrolov.net/music.html

我需要一台MP3播放器。我有超过1千首mp3曲目。

事情是我尝试了很棒的Flash-mp3播放器，但它没有读过西里尔字母。所以我去了HTML5＆lt;音频＆gt;标签，但对于一些（显而易见的）原因，它加载每首歌曲，即使歌曲没有播放，标签没有'自动播放'属性。

1000多首歌的最简单方法是什么？看看Flash的速度有多快：http://antonfrolov.net/musicbackup.html

（以英文命名的曲目＃6完美无缺，而RU命名的曲目＃7拒绝阅读）

谢谢你们和SO社区=）

Answer 1

请勿在“播放”按钮点击之前加载音频。创建音频对象，动态销毁前一个。

删除所有音频标签，并将rel属性添加到播放具有适当音频源的按钮，如下所示（jQuery）：

<span class="playb" rel="j/28 Days Later/28 Days Later - Ave Maria.mp3"></span>
...
...
...
<span class="playb" rel="..."></span>
...
<script>
$('.playb').click(function(){
   $('audio').remove();
   $('<audio controls class><source src="'+$(this).attr('rel')+'" type="audio/mpeg"></audio>').appendTo($(this).parent());
});
</script>

PS。有人可能会说合并这样的字符串不是最佳做法，您应首先创建source元素，然后设置其src属性并使用audio标记进行换行。但是这个只是更快，因为jQuery不必分析给定代码1000次。

1000首mp3歌曲使HTML5音频标签滞后

1 个答案: