Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/52.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Ruby/Rails-音频流的方式(mp3/wav/等)…Gem/插件与HTML5?_Ruby On Rails_Mp3_Audio Streaming_Html5 Audio - Fatal编程技术网

Ruby on rails Ruby/Rails-音频流的方式(mp3/wav/等)…Gem/插件与HTML5?

Ruby on rails Ruby/Rails-音频流的方式(mp3/wav/等)…Gem/插件与HTML5?,ruby-on-rails,mp3,audio-streaming,html5-audio,Ruby On Rails,Mp3,Audio Streaming,Html5 Audio,我有一个rails应用程序,很快就会出现……我想让用户能够上传和流式播放上传的MP3 目前,我正在通过回形针将我的网站上传到AmazonS3,网站托管在heroku上 我可以很好地上传MP3,所以现在我只是在寻找一种支持播放实际文件的方法 是否有人曾经使用过任何好的gem/插件来处理这个问题 我是否应该继续努力,想一想如何使用HTML5 有人提出建议或意见吗?我只想使用HTML5和jquery,这似乎是最直接的方法 将gem'jquery rails','>=1.0.3'添加到您的gem文件并运

我有一个rails应用程序,很快就会出现……我想让用户能够上传和流式播放上传的MP3

目前,我正在通过回形针将我的网站上传到AmazonS3,网站托管在heroku上

我可以很好地上传MP3,所以现在我只是在寻找一种支持播放实际文件的方法

是否有人曾经使用过任何好的gem/插件来处理这个问题

我是否应该继续努力,想一想如何使用HTML5


有人提出建议或意见吗?

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

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

然后在视图中添加一些标记,为播放歌曲的div和链接提供id和类名。在这种情况下,div/section id是“song”,链接的类名是“play\u song”

听这首歌
“播放歌曲”%>
然后在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;       });  
 }); 
$(文档).ready(函数(){
var audioSection=$('section#song');
$('a.play_song')。单击(函数(){
var audio=$('',{
控件:“控件”
});  
var url=$(this.attr('href');
$('').attr('src',url).appendTo(音频);
html(音频);
返回false;});
}); 

有关此答案的完整版本,请参见此处:
    $(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;       });  
 });