我正在为我的音乐博客制作一个音频播放器,但我似乎无法让jPlayer在我的网站上正常工作。现在,我设置它,以便只有管理员可以查看播放器(因为它不起作用),但我做了一个小测试网站,以便你也可以看到我的意思。
播放器在Firefox中运行良好,但在Chrome上无法正常运行。我有一种感觉,它与它用于Firefox的闪回后备有关,但我不明白为什么它也不适用于Chrome。它似乎根本不想加载/流式传输歌曲。
我有一些功能,因此可以在您正在查看的任何页面上动态添加歌曲。我相信我正确地设置了一切。我使用数组作为歌曲的标题和MP3的URL,它们是由WordPress动态添加的。每次添加新歌时,我都会调用下面的JavaScript函数add_song ...
function add_song(title, mp3)
{
theTitles[index] = title;
theMP3s[index] = mp3;
index++;
}
然后对于document.ready函数,我使用另一个名为get_playlist()的函数来设置我的jPlayer;
function get_playlist()
{
var playlist = new Array();
for(var i = 0; i < theTitles.length; i++)
{
playlist[i] = {title: theTitles[i], mp3: theMP3s[i]};
}
return playlist;
}
$(document).ready(function()
{
var playlist = get_playlist();
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1",
oggSupport:false
}, playlist, {
swfPath: "/js",
supplied: "mp3",
wmode: "window"
});
});
我有一种感觉,我错过了一些简单的原因,为什么它可以在Firefox而不是Chrome上运行,但我无法弄清楚它是什么。这是我对测试网站的url,因此如果您有任何问题,可以自己查看播放器。
谢谢你们和女孩们!