我只会使用HTML5和jQuery,似乎是最直接的方法。
添加宝石“jQuery的轨道”,“> = 1.0.3”到您的Gemfile运行“捆绑安装”
然后在你的意见给予的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-23 15:46:37
ply
对于这个答案的一个非常完整的版本,在这里看到:http://net.tutsplus.com/tutorials/create-a-simple-music-流式应用与 - 的Ruby-on-导轨/ – cailinanne 2012-03-05 02:07:56