7

私はうまくやって来ているRailsアプリを持っています...私はユーザーにアップロードされたmp3をアップロードしてストリーミングする機能を提供したいと思います。

現在、私のサイトがherokuでホストされている状態で、Paperclipを介してAmazonS3にアップロードしています。

私はmp3を完全にうまくアップロードできるので、今は実際のファイルの再生をサポートする方法を探しています。

誰かが以前に使用したことがあるこの問題で機能する優れた宝石/プラグインはありますか？

先に進んで、HTML5でそれを行う方法を理解しようとすべきですか？

誰か提案や意見はありますか？

4

1 に答える 1

4

HTML5とjqueryを使用するだけで、最も簡単なアプローチのようです。

gem'jquery-rails'、'> = 1.0.3'をGemfileに追加し、'bundleinstall'を実行します

次に、ビューにマークアップを追加して、曲を再生するためのdivとリンクにIDとクラス名を付けます。この場合、div / section idは「song」であり、リンクのクラス名は「play_song」です。

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

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

次に、jsファイルで：

    $(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;       });  
 });
于 2011-05-23T15:46:37.837 に答える