Chr*_*len 7 mp3 ruby-on-rails audio-streaming html5-audio
我有一个很好的导航应用程序......我想让用户能够上传和流式传输上传的mp3.
目前我通过Paperclip上传到Amazon S3,我的网站托管在heroku上.
我可以完美地上传mp3,所以现在我只是想找一种方法来支持播放实际的文件.
是否有任何好的宝石/插件可以解决以前曾经使用过的这个问题?
我应该继续尝试弄清楚如何使用HTML5吗?
任何建议或意见?
我只会使用 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>
Run Code Online (Sandbox Code Playgroud)
然后在你的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; });
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5912 次 |
| 最近记录: |