【问题标题】:Ruby/Rails - Ways to stream audio (mp3/wav/etc)...Gem/Plugins vs HTML5?Ruby/Rails - 流式传输音频的方法(mp3/wav/etc)... Gem/Plugins vs HTML5?
【发布时间】:2011-08-18 21:42:19
【问题描述】:

我有一个运行良好的 rails 应用程序...我想让用户能够上传和流式传输已上传的 mp3。

目前我通过 Paperclip 上传到 Amazon S3,我的网站托管在 heroku 上。

我可以完美地上传 mp3,所以现在我只是在寻找一种方法来支持播放实际文件。

是否有任何好的 gems/plugins 可以解决之前有人使用过的这个问题?

我应该继续尝试弄清楚如何使用 HTML5 来实现吗?

有什么建议或意见吗?

【问题讨论】:

    标签: ruby-on-rails mp3 audio-streaming html5-audio


    【解决方案1】:

    我只会使用 HTML5 和 jquery,似乎是最直接的方法。

    将 gem 'jquery-rails', '>= 1.0.3' 添加到您的 Gemfile 并运行 'bundle install'

    然后在视图中添加一些标记,为播放歌曲的 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;       });  
     }); 
    

    【讨论】:

    猜你喜欢
    • 2012-10-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-21
    • 2017-05-09
    • 2016-02-03
    • 2015-02-07
    • 2011-04-18
    相关资源
    最近更新 更多