Jplayer没有播放音乐文件,mp3,ogg和m4a
问题描述:
我想用jplayer只是简单的播放一个简单的html页面,我有mp3的轨道,并已将其转换为m4a和ogg,但不能得到任何他们的工作。所有的路径是正确的,我的标记如下:Jplayer没有播放音乐文件,mp3,ogg和m4a
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function() {
$(this).jPlayer("setMedia", {
mp3: "/media/02 Cello Concerto _Overture_.mp3"
});
},
solution:"flash,html",
swfPath: "jplayer",
supplied: "mp3"
});
});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-44543565-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body style="text-align: center; background: url(images/bg.jpg) no-repeat center center; width: 100%; height: 100%; font-family: helvetica, arial; margin: 0px;">
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
答
从我在你的代码中看到,这可能有多种原因:
- JPlayer可能无法找到“jplayer.swf” 。尝试添加完整路径。因为你只给它mp3,所以它会在firefox中使用flash fallback。
- 您的文件名“/ media/02 Cello Concerto Overture .mp3”包含jPlayer可能无法正确处理的空格。
- 您应该始终向jPlayer音频播放器提供mp3和m4a。否则,您可能无法在某些平台上播放(例如,您的情况为ios)。
编辑
您还没有发出播放命令:
...
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function() {
$(this).jPlayer("setMedia", {
mp3: "/media/02 Cello Concerto _Overture_.mp3"
}).jPlayer("play");
},
solution:"flash,html",
swfPath: "jplayer",
supplied: "mp3"
});
});
...
答
不知怎的jPlayer甚至没有编码(是encodeURI/encodeURIComponent方法)后,支持在网址空间。尝试重命名文件并删除空格。