2011-05-04 13 views
7

Güzel bir şekilde karşımıza çıkan bir raylı uygulamasına sahibim ... Kullanıcılara yüklenen mp3'leri yükleme ve akışa alma yeteneği vermek istiyorum.Ruby/Rails - Ses akışı yolları (mp3/wav/etc) ... Gem/Plugins vs HTML5?

Şu anda Amazon S3'ten Paperclip'e siteme yüklenen sitemle yükleniyor.

mp3'leri mükemmel şekilde yükleyebilirim, bu yüzden şimdi sadece gerçek dosyaların oynatılmasını destekleyecek bir yol arıyorum.

Birisi daha önce kullanmış olduğu bu sorunla çalışan iyi bir mücevher/eklenti var mı?

Sadece devam edip HTML5 ile nasıl yapılacağını anlamaya çalışmalı mıyım?

Herkes önerileriniz veya görüşleriniz?

cevap

4

Sadece HTML5 ve jquery kullanıyorum, en basit yaklaşım gibi görünüyor.

sizin Gemfile için gem 'jquery-ray', '> = 1.0.3' eklenip çalışılmasını

Sonra şarkıları bir kimliği oynamak için div'leri ve bağlantılar vermek için görünümlerinde bazı işaretleme eklemek 'paket install' ve sınıf adı. Bu durumda div/section kimliği "song", linkin classname "play_song" dır. senin js dosyasında Sonra

<h2>Listen to Song</h2> 
<section id="song"> 
</section> 

<td><%= link_to "HTML5 Audio", download_url_for(song.key), :class => "play_song" %></td> 

: Bu cevabın bir çok tam sürümü için

$(document).ready(function() { 
    var audioSection = $('section#song'); 
    $('a.play_song').click(function() { 

    var audio = $('<audio>', { 
     controls : 'controls' 
    }); 

    var url = $(this).attr('href'); 
    $('<source>').attr('src', url).appendTo(audio); 
    audioSection.html(audio); 
    return false;  }); 
}); 
+1

buraya bakın: http://net.tutsplus.com/tutorials/create-a-simple-music- akış-uygulama-ile-yakut-on-ray / – cailinanne