125 lines
3.8 KiB
JavaScript
125 lines
3.8 KiB
JavaScript
|
|
|
|
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"));
|
|
});
|
|
**/
|
|
|
|
|
|
}
|
|
|