html制作在线播放,如何使用Jquery制作简单的HTML播放列表

>没有使用动画的元素,所以我创建了一个div#bg并将其包裹在音频元素周围.请记住,如果要使用不透明度使元素淡入,请确保元素以不透明度开始：0

>表达式应为：$(‘div#bg’).animate({opacity：1},1000);

>我看了你的问题……它不再有那个animate()了吗？

>播放列表位于一个数组中.

>函数播放器()在文档就绪时调用(因此您不需要移动设备无论如何都忽略的自动播放)

>播放器将连续播放每个音频片段,并在完成播放列表后重新开始播放(循环仅适用于一个文件,而不适用于播放列表.因此,如果loop = true,您将永远不会进入下一个文件)

片段

MNG- https://vocaroo.com/media_command.php?media=s0Ai9tr7779v&command=download_mp3

Righteous- https://vocaroo.com/media_command.php?media=s1dKHkbev0dJ&command=download_mp3

35478017

// This is a simple array of strings

var playlist = [

"https://vocaroo.com/media_command.php?media=s1H9fX5GI9Fa&command=download_mp3",

"https://vocaroo.com/media_command.php?media=s0Ai9tr7779v&command=download_mp3",

"https://vocaroo.com/media_command.php?media=s1dKHkbev0dJ&command=download_mp3"

];

// Remember that element must start out at opacity:0

// The duration should be only a number outside of the curly brackets

$('div#bg').animate({

opacity: 1

}, 1000);

$(document).ready(function() {

var xA = document.getElementById("xAudio");

xA.volume = 0.3;

xA.controls = true;

function player(x) {

var i = 0;

xA.src = playlist[x]; // x is the index number of the playlist array

xA.load(); // use the load method when changing src

xA.play();

xA.onended = function() { // Once the initial file is played it plays the rest of the files

/* This would be better as a 'for' loop */

i++;

if (i > 2) { // ... Repeat

i = 0; // ^

} // ^

xA.src = playlist[i]; // Rinse, ^

xA.load(); // Lather, ^

xA.play(); // and.....^

}

}

player(0); // Call the player() function at 0 index of playlist array

});