2012-05-12 106 views
4

我試圖在Chrome中的網站上設置JPlayer。JPlayer mp3無法正常工作(chrome)

我有一個名爲在服務器上的MP3和OGG文件:請將test.mp3和test.ogg。

如果我將媒體設置爲mp3提供的和mp3路徑,它不起作用。如果我對ogg文件執行相同的操作,它將起作用。 我也可以打www.website.com/test.ogg並播放音頻。 但是,如果我點擊www.website.com/test.mp3,它不會播放mp3音頻。

這裏是我的.htaccess: 將AddType音頻/ MPEG MP3

服務器似乎接受範圍請求: 響應Headersview源 接受-範圍:字節

有什麼微小的錯誤瓦特/我的htaccess或我是否忽略了別的?我已經研究了幾乎所有我找到的解決方案,但沒有成功。

的網站是:radiosmasher.com(radiosmasher.com/test.ogg等)

編輯: 看來對於MP3的請求越來越取消,如果他們是具有一定規模的。下載大約2MB的10MB歌曲後,它們會被取消。任何線索?

+0

你'內容Type'頭是好的,所以沒有什麼不對勁的地方。 – Brad

+0

是否有你需要使用JPlayer的理由?有很多關於使用'audio'標籤的優秀教程,並且我在一些項目中已經取得了成功。 – Miles

+0

我基本上是在尋找一個可以播放MP3的音頻播放器,並且在跨瀏覽器環境中很好地完成。 JPlayer似乎符合標準。你有什麼建議嗎? – kclem06

回答

1

在Chrome中不支持MP3。

然而,您可以在jPlayer中同時提供.ogg.mp3文件。

把這個在您的http://radiosmasher.com/js/main.js文件,而不是當前jPlayer FPGA實現:

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     $(this).jPlayer("setMedia", { 
      mp3: "http://www.radiosmasher.com/test.mp3", 
      ogg: "http://www.radiosmasher.com/test.ogg" 
     }); 
    }, 
    swfPath: "/js", 
    supplied: "mp3, ogg", 
    cssSelectorAncestor: "", 
    cssSelector: { 
     play: "#play", 
     pause: "#pause", 
     stop: "#stop", 
     mute: "#mute", 
     unmute: "#unmute", 
     currentTime: "#currentTime", 
     duration: "#duration" 
    }, 
    size: { 
     width: "320px", 
     height: "180px" 
    }, 
    errorAlerts: true 
}); 
+0

我沒有任何問題,使用MP3音頻元素。 – Miles

+0

@Miles你正在使用哪個版本? – Tyilo

+0

18.最新。 – Miles

2

我有兩個jPlayer和MediaElement的有同樣的問題。感謝此頁面上的其他評論,我發現訂單對Chrome很重要,,但不適用於Firefox。這可能是Chrome中的一個錯誤。

所以更具體,這部作品在這兩種瀏覽器:

<audio controls="controls" preload="auto"> 
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/> 
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/> 
</audio> 

但在Firefox只有作品:

<audio controls="controls" preload="auto"> 
    <source type="audio/mpeg" src="clips/clip1.mp3" preload="none"/> 
    <source type="audio/ogg" src="clips/clip1.oga" preload="none"/> 
</audio> 

唯一的區別是,Chrome瀏覽器似乎與MP3的問題(不知道爲什麼),並通過首先把ogg隱藏起來。

[使用上Ubuntu12.04的Firefox V15和V20鉻]

+0

感謝您發佈此信息。我沒有測試過,但聽起來很有希望。 – kclem06

0

我也陷入了一個問題,即Chrome瀏覽器有時會發揮我們的音頻(MP3),有時不是。在配置:在Safari,Firefox等

什麼清盤工作對我來說是建立{「閃光燈,HTML」的解決方案}工作得很好。借用。JS說@Tyilo發佈:

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     $(this).jPlayer("setMedia", { 
      mp3: "http://www.radiosmasher.com/test.mp3", 
      ogg: "http://www.radiosmasher.com/test.ogg" 
     }); 
    }, 
    swfPath: "/js", 
    solution: "flash,html", 
    supplied: "mp3, ogg", 
    cssSelectorAncestor: "", 
    cssSelector: { 
     play: "#play", 
     pause: "#pause", 
     stop: "#stop", 
     mute: "#mute", 
     unmute: "#unmute", 
     currentTime: "#currentTime", 
     duration: "#duration" 
    }, 
    size: { 
     width: "320px", 
     height: "180px" 
    }, 
    errorAlerts: true 
}); 
1

我只是面對(謝天謝地解決)這個確切的問題。原來,媒體鍵jPlay期待的OGG的支持是oga(對OGG音頻)來解決這個我改變了我的jPlayer初始化代碼本(demo):

$("#jplayer_1").jPlayer({ 
    ready: function() { 
      /*My site specific init code*/ 
     }, 
    swfPath: "/js", 
    supplied: "oga, mp3" 
}); 

而且我集媒體代碼到這一點:

$("#jplayer_1").jPlayer("setMedia", { 
    "mp3": "/song.mp3", 
    "oga": "/song.ogg" 
}).jPlayer("play"); 

我測試過這個Chrome上建立版本36.0.1985.125的OSX,到目前爲止,它似乎工作得很好:)