2012-04-13 103 views
2

感謝您提前提供任何幫助。在jPlayer上播放通過Paperclip上傳的歌曲 - Ruby on Rails - jQuery - jPlayer

所以,我用一個Paperclip將歌曲存儲在文件系統中。然後我試圖用jPlayer播放這些歌曲。

我已遵循所有方向,但似乎無法通過單擊link_to方法來播放音頻,該方法應該將音頻解析爲jPlayer。

基本上,當單擊按鈕「播放歌曲」時,應播放一首歌曲。

我jPlayer函數如下所示:

$(document).ready(function(){ 
    $("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
      $(this).jPlayer("setMedia", { 
       mp3: '<source>' 
      }); 
     }, 
     swfPath: "jplayerflash", 
     supplied: "mp3", 
    }); 
    }); 

我的看法是這樣的:

<td><%= link_to 'Play Song', song_upload.song.url, :class => "html5" %></td> 

音頻文件通過資產/ user_song_uploads回形針存儲... 歌曲都MP3格式,我正在使用Chrome瀏覽器,所以一切都應該工作。

嘗試在jPlayer中設置媒體時出現問題。

Link to how jPlayer should be implemented This where I initially learned how to implement a music listening application. Half way through in the section 'Streaming with HTML5 Audio' is why i used '' - but clearly not working with this implementation.

+0

不熟悉jPlayer,但什麼是'MP3: '''該怎麼辦?國際海事組織,點擊鏈接生成的鏈接'link_to'應該只是簡單地打開MP3。我看不到jPlayer和鏈接之間的連接?您能否將我們指向您找到的文檔? – polarblau 2012-04-13 05:28:54

回答

4

對不起,我遲到的反應,但我想通了,我的答案。

$(document).ready(function(){ 
$("#jquery_jplayer_1").jPlayer({ 
    swfPath: "/app/assets/jplayerflash", 
    supplied: "mp3", 
    wmode: "window" 
}); 
$('a.play').click(function(e) { 
    e.preventDefault(); 
    $("#jquery_jplayer_1") 
     .jPlayer("setMedia", {mp3: this.href }) 
     .jPlayer("play"); 

和我的觀點:

<td><%= link_to 'Play Song', song_upload.song.url, :class => "play" %></td> 
+0

感謝這篇文章!那是'swfPath'正確嗎?我不得不放棄路徑的'/ app'部分。 – Samo 2012-09-07 04:46:32

+0

對我來說,你可以指定你放置jplayerflash的任何地方。 – Jches 2012-09-08 05:50:39