2012-04-13 80 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