2017-07-18 6 views
0

私は再生するためにアップロードした特定のmp3を取得するいくつかの問題があります。クリップクリップgemとmp3アップロード

私はRuby on Railsアプリを持っており、実際のmp3をアップロードするためにpaperclipを使用しています。 Javascriptライブラリ(jp-playerという)を使用しています。私はmp3ファイルがアップロードされていることを知っているところですが、公式には再生できません。 playボタンを押すと何も起こりません。

私のモデルは次のようになります。

has_attached_file :mp3 
    validates_attachment :mp3, :content_type => { :content_type => ["audio/mpeg", "audio/mp3"] }, :file_name => { :matches => [/mp3\Z/] } 

私のコントローラは

def create 
@cafe = current_user.cafes.build(cafe_params) 

    if @cafe.save 
    redirect_to @cafe 
    else 
    render 'new' 
    end 
end 

def cafe_params 
    params.require(:cafe).permit(:name, :description, :street_address, :state, :editors_note, :website, :image, :mp3) 
end 

マイビュー(私は別のビューで呼んでいるという部分としてこれを持っている)

のように見えます
#cafe_content 
    #jquery_jplayer_1.jp-jplayer 
    #jp_container_1.jp-audio 
    .jp-type-single 
     .jp-gui.jp-interface 
     %ul.jp-controls 
      %li 
      %a.jp-play{:href => "javascript:;", :tabindex => "1"}  
      %li 
      %a.jp-pause{:href => "javascript:;", :tabindex => "1"}  
      %li 
      %a.jp-mute{:href => "javascript:;", :tabindex => "1", :title => "mute"}  
      %li 
      %a.jp-unmute{:href => "javascript:;", :tabindex => "1", :title => "unmute"}  
     .jp-progress 
      .jp-seek-bar 
      .jp-play-bar 
     .jp-time-holder 
      .jp-current-time 
     .jp-volume-bar 
      .jp-volume-bar-value 
     .jp-no-solution 
      %span Update Required 
      To play the media you will need to either update your browser to a recent version or update your 
      = succeed "." do 
      %a{:href => "http://get.adobe.com/flashplayer/", :target => "_blank"} Flash plugin 


:javascript 
    $(document).ready(function(){ 
    $("#jquery_jplayer_1").jPlayer({ 
     ready: function() { 
     $(this).jPlayer("setMedia", { 
      mp3: "<%= @cafe.mp3.url %>", 
     }); 
     }, 
     swfPath: "/js", 
     supplied: "mp3" 
    }); 
    }); 

これが正しく実行される可能性のあるものが見つからない場合は、誰にも分かりますか?

答えて

2

は、あなたのJPプレイヤーは、絶対パスのために求めていることが、その代わり

<%= @cafe.mp3.url %> 

、あなたのmp3のパスにこの

<%= URI.join(request.url, @cafe.mp3.url) %>

を試みることができます

関連する問題