jquery - 在通过 Paperclip 上传的 jPlayer 中播放歌曲 - Ruby on Rails - jQuery - jPlayer

Question

提前感谢您的帮助。

因此，我使用 Paperclip 将歌曲存储在文件系统中。然后我尝试用 jPlayer 播放这些歌曲。

我已按照所有说明进行操作，但似乎无法通过单击应将音频解析为 jPlayer 的 link_to 方法来播放音频。

基本上，单击“播放歌曲”按钮时应播放歌曲。

我的 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>

音频文件通过回形针存储在 assets/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.

Answer 1

抱歉回复晚了，但我想出了我的答案。

$(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>