我正在尝试编写可以在线流式传输音频（广播电台）的小型网站，但有几个问题： 1. 我是否必须将我所有的音乐文件索引到数据库中，或者我可以从文件系统中随机选择文件并播放它。 2. 我应该什么时候使用 ajax 来加载新歌（在最后完成之后，或者在从服务器获得文件链接的响应之前几秒钟？） 3. 是否值得使用 ajax 或者更好的 make list 来播放它的全部时间然后重新开始？
【问题讨论】：
标签： ruby-on-rails ruby streaming radio
我认为你问错了问题。
【讨论】：
关于流媒体我同意@Tigraine
现在，
单曲播放：
1 如果您想播放一首歌曲，那么在您的 ajax 调用操作中，在 json 响应中返回一个键值对，其中包含所请求歌曲的音频 URL。
对于播放列表：
2. 您应该返回一个数组，其中包含与添加到播放列表中相同排列的音频 URL。
然后在你的java脚本中声明变量
var current_song
var total_song
在 js 音频播放器中，我们通常有方法检测歌曲何时完成，然后在歌曲完成时，您可以将歌曲计数器递增为
current_song+=0
当计数器结束时将其重置为 1：
示例代码是：
在这里，我使用的是 Jplayer，您可以使用任何其他播放器，它是最好且完全可定制的播放器之一。
var current_song = 0;
var total_songs;
var song_id_array;
$.ajax({
url:"<%=url_for :controller => 'cont_x',:action => 'song_in_playlist'%>",
data:'playlist_id=' + encodeURIComponent(playlist_id),
cache:false,
success:function (data) {
song_id_array = data.array; //data.array variable contain's the audio URL's array of songs inside selected playlist which is returned by the action //
total_songs = song_id_array.length;
}
})
current_song = 0;
play_right_song(current_song);
}
function play_right_song(current_song) {
$("#jquery_jplayer_1").jPlayer("destroy");
var audio_url_inside = song_id_array[current_song];
$('#jquery_jplayer_1').jPlayer({
ready:function (event) {
$(this).jPlayer("setMedia", {
mp3:audio_url_inside
}).jPlayer("play");
},
ended:function () { // The $.jPlayer.event.ended event
current_song += 1;
if (current_song >= total_songs) {
current_song = 0;
}
play_right_song(current_song);
},
swfPath:"<%= asset_path('Jplayer.swf')%>",
supplied:"mp3"
});
}
如果您想处理播放列表中的下一首和上一首歌曲，只需询问代码即可。我会更新答案。
【讨论】：