【问题标题】:Playing song in jPlayer that was uploaded via Paperclip - Ruby on Rails - jQuery - jPlayer在 jPlayer 中播放通过 Paperclip - Ruby on Rails - jQuery - jPlayer 上传的歌曲
【发布时间】:2012-04-13 03:40:07
【问题描述】:

提前感谢您的帮助。

所以,我使用 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.

【问题讨论】:

  • 不熟悉jPlayer,但是mp3: '&lt;source&gt;'应该做什么? IMO,单击在您对link_to 的调用中生成的链接应该直接打开 mp3。我看不到 jPlayer 和链接之间的连接?您能否向我们指出您在其中找到此内容的文档?

标签: jquery ruby-on-rails html html5-audio jplayer


【解决方案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>

【讨论】:

  • 感谢这篇文章! swfPath 正确吗?我不得不放弃路径的/app 部分。
  • 对我来说,您可以指定放置 jplayerflash 的任何位置。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多