我正在为我的音乐博客制作一个音频播放器,但我似乎无法让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上运行,但我无法弄清楚它是什么。但是,如果您通过按实际帖子上的播放按钮开始播放其中一首歌曲,然后停止播放,然后尝试在顶级播放器中播放它,它可以正常工作。例如,尝试播放顶级播放器中的第一首歌,它将无效。然后单击实际Seasfire帖子上的播放按钮,暂停它,然后再次尝试顶级播放器,它将起作用。这是我对测试网站的url,因此如果您有任何问题,可以自己查看播放器。
谢谢你们和女孩们!
答案 0 :(得分:0)
stackoverflow不会让我立即登录,但我是原始海报。
在我使用之前定义并初始化索引,因此这不是问题。我用的全部javascript是......
<script type="text/javascript">
var index = 0;
var theTitles = new Array();
var theMP3s = new Array();
function add_song(title, mp3)
{
theTitles[index] = title;
theMP3s[index] = mp3;
index++;
}
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"
}, playlist, {
swfPath: "/js",
supplied: "mp3",
wmode: "window"
});
});
//]]>
</script>