Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CC-2430 : Preview tracks in the library + better preview (ability to jump around in clip)

Browse source 
- added accept ranges header to the response to enable seek ahead in the music file.
This commit is contained in:
Daniel 2012-02-27 17:06:34 -05:00
parent b8452928da
commit 7d95e4ffa7
5 changed files with 251 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

124
airtime_mvc/public/js/airtime/library/preview_jplayer.js Normal file
View file

@ -0,0 +1,124 @@
function audioPreview(filename, elemID){
console.log("in the audio preview");
var elems = $('.ui-icon.ui-icon-pause');
elems.attr("class", "ui-icon ui-icon-play");
if ($("#jquery_jplayer_1").data("jPlayer") && $("#jquery_jplayer_1").data("jPlayer").status.paused != true){
$('#jquery_jplayer_1').jPlayer('stop');
return;
}
var ext = getFileExt(filename);
var uri = "/api/get-media/file/" + filename;
var media;
var supplied;
if (ext == "ogg"){
media = {oga:uri};
supplied = "oga";
} else {
media = {mp3:uri};
supplied = "mp3";
}
$("#jquery_jplayer_1").jPlayer("destroy");
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", media).jPlayer("play");
},
swfPath: "/js/jplayer",
supplied: supplied
});
$('#'+elemID+' div.list-item-container a span').attr("class", "ui-icon ui-icon-pause");
}
$(document).ready(function(){
var filename = $(".filename").text();
//var filename = $(".jp_audio_0").attr("src");
play(filename);
});
function play(filename){
console.log("in the play function! "+filename);
var uri = "/api/get-media/file/" + filename+"/api_key/H7CSH1RH1YH2W3KFAKCZ";
var ext = getFileExt(filename);
var media;
var supplied;
if (ext == "ogg"){
media = {oga:uri};
supplied = "oga";
} else {
media = {mp3:uri};
supplied = "mp3";
}
$("#jquery_jplayer_1").jPlayer("destroy");
$.jPlayer.timeFormat.showHour = true;
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", media).jPlayer("play");
},
swfPath: "/js/jplayer",
cssSelectorAncestor: '#jp_container_1',
wmode: "window"
});
/**
$("#jquery_jplayer_1").jPlayer().bind($.jPlayer.event.play, function(event){
console.log("playing xxx");
//console.log(this.htmlElement.media.currentTime)
//$("#jquery_jplayer_1").jPlayer("playHead", event.jPlayer.status.seekPercent);
});
$("#jquery_jplayer_1").jPlayer().bind($.jPlayer.event.seeking, function(event){
console.log("hello 123");
//console.log(this.htmlElement.media.currentTime)
//$("#jquery_jplayer_1").jPlayer("playHead", event.jPlayer.status.seekPercent);
});
$("#jquery_jplayer_1").jPlayer().bind($.jPlayer.event.seeked, function(event){
console.log("hello 456");
//console.log(this.htmlElement.media.currentTime)
//$("#jquery_jplayer_1").jPlayer("playHead", event.jPlayer.status.seekPercent);
});
$("#jquery_jplayer_1").jPlayer().bind($.jPlayer.event.volumechange, function(event){
console.log("hello 666");
//console.log(this.htmlElement.media.currentTime)
//$("#jquery_jplayer_1").jPlayer("playHead", event.jPlayer.status.seekPercent);
});
$(".jp-seek-bar").click(function(){
console.log("seek bar clicked");
console.log($("#currentTime"));
//console.log(this.htmlElement.media.seekable)
//console.log($(".jp-play-bar").attr("style"));
//$("#jquery_jplayer_1").jPlayer("play", 40);
});
$(".jp-seek-bar").click(function(){
console.log("hi");
//console.log(this.htmlElement.media.seekable)
//console.log($(".jp-play-bar").attr("style"));
//$("#jquery_jplayer_1").jPlayer("playHead", "50%");
});
$(".jp-play-bar").click(function(){
console.log("bye");
});
$(".jp-progres").click(function(){
console.log("no");
});
$("#combo-box").change(function(eventObject){
var elem = $("#combo-box option:selected");
setjPlayer(elem.attr("data-url"), elem.attr("data-type"), elem.attr("server-type"));
});
**/
}