如何流式音频（MP3 / WAV /等）...宝石/插件与HTML5？

我有一个很好的轨道应用程序...我想给用户上传和流式传输上传的MP3的能力。

目前，我正通过Paperclip将自己的网站托管在heroku上上传到Amazon S3。

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

有没有什么好的宝石/插件可以解决以前使用过的这个问题？

我应该继续努力弄清楚如何使用HTML5做到这一点？

任何建议或意见？

---

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

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

然后在视图中添加一些标记，为播放歌曲的div和链接提供id和class名称。 在这种情况下，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;       });  
 }); 

链接地址: http://www.djcxy.com/p/52467.html

上一篇: Ways to stream audio (mp3/wav/etc)...Gem/Plugins vs HTML5?

下一篇: How to throttle Delayed job to not anger the Facebook API