Jqueryで書かれた音楽プレーヤーをラジオプレーヤーに変換して使用しています。
問題は、Google chrome で動作しないことです。
私のindex.phpファイル(html5でも書かれています)で、これらの機能を備えたオブジェクトを作成しました
$(document).ready(function(){
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
//m4a: "http://46.20.4.50:8030/", //Safari & Fenomen
m4a: "http://stream-uk1.radioparadise.com:8034",
oga: "http://stream-sd.radioparadise.com:9000/rp_192m.ogg" //Firefox
//m4a :"muzikler/0.m4a",
//oga :"muzikler/0.ogg"
}, {
cssSelectorAncestor: "#cp_container_1",
canplay: function() {
$("#jquery_jplayer_1").jPlayer("play");
}
});
});
chrome が .ogg または .m4a をサポートしていないかどうか疑問に思っていましたが、別のプレーヤーで試したのでサポートしていないと思います。
.js ファイルでは、1.3.2 が Chrome を Webkit として検出しないため、jquery 1.4.4 も適応させました。
$.jPlayer.uaBrowser = function( userAgent ) {
var ua = userAgent.toLowerCase();
// Useragent RegExp
var rwebkit = /(webkit)[ \/]([\w.]+)/;
var ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/;
var rmsie = /(msie) ([\w.]+)/;
var rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/;
var match = rwebkit.exec( ua ) ||
ropera.exec( ua ) ||
rmsie.exec( ua ) ||
ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||
[];
return { browser: match[1] || "", version: match[2] || "0" };
};
この問題を解決するために実際に欠けているのはどの部分ですか?
完全な js ファイルを見ることができます: http://pastebin.com/HVKGXkCy