' + release_id + '
'))
s.append($(''))
s.append($(''))
if (item.hasOwnProperty('trackcount')){
s.append($('' + item['trackcount'] + ' Tracks
'))
}
var play = $('Play')
play.attr('path', i.toString() + ',' + ii.toString())
play.click(function(ev){
methods['load']($(this).attr('path'))
})
var build = $('').append(play)
var buy_html = ''
if(item['purchase_urls']){
for(var key in item['purchase_urls']){
var url = item['purchase_urls'][key]['url']
if (key == 'default'){
url = url.replace('http://', 'itms://')
}
buy_html += 'Buy '+item['purchase_urls'][key]['title']+''
}
build.append($(buy_html))
}
s.append(build)
soundul.append(s)
}
d.append(soundtitle)
d.append(soundul)
}
$(elm).append(d)
// change the size when the size of the screen changes
$(window).resize(methods['resize'])
// give it enough time to enter the dom to get the dimensions
var resize_delay=setTimeout(methods['resize'], 400);
}
this.navigate = function(path){
if (path){
var p = path.split(',',2)
var c = $('#phlayer-channel-'+p[0])
$('.phlayer-channel-title').removeClass('open')
c.addClass('open')
$('.phlayer-channel-items').hide()
c.next().show()
$('#phlayer-directory').scrollTo($('#phlayer-channel-item-'+p[0]+'-'+p[1]), 800, {})
} else {
$('.phlayer-channel-title').removeClass('open')
$('.phlayer-channel-items').hide()
}
}
}
var Player = function(){
this.play = function(args, autoplay){
var playrandom = $('♫ Play Random
')
playrandom.click(function(){
// play random track
methods['play_random']()
// hide large play button
$('.phlayer-controls-largeplay').addClass('off')
})
var largeplay = $('')
largeplay.css('cursor', 'pointer')
largeplay.click(function(){
$(this).addClass('off')
controls['pause'].removeClass('off')
if(!playing) {
sound.play()
//this.play()
playing = true
} else {
player.resume()
}
})
if(args == null){
var cover = $('')
c = $('')
playerelm.append(cover).append(c).append(playrandom)
} else {
var cover = $('Listen to "'+args['title']+'" by '+args['artist'] + ' at Halocyan.com
URL
'+short_text.length+' Characters
Basic HTML
Share
')
share_button.css('cursor', 'pointer')
$('span', share_button).hover(function(){
share_box.css('top', share_button.position().top + 24)
share_box.show()
},function(){
//share_box.hide()
})
info.append(share_button)
controls = {
play : $(''),
pause : $(''),
duration : $(''),
loaded : $(''),
position : $(''),
time : $('')
}
controls['play'].css('cursor', 'pointer')
controls['pause'].css('cursor', 'pointer')
controls['loaded'].click(function(e){
var self = $(this)
sound.setPosition(Math.floor((e.pageX - self.offset().left) / controls['duration'].outerWidth() * sound.duration))
})
controls['position'].click(function(e){
var self = $(this)
sound.setPosition(Math.floor((e.pageX - self.offset().left) / controls['duration'].outerWidth() * sound.duration))
})
controls['play'].click(function(){
$(this).addClass('off')
$('.phlayer-controls-largeplay').addClass('off')
controls['pause'].removeClass('off')
if(!playing) {
sound.play()
//this.play()
playing = true
} else {
player.resume()
}
})
controls['pause'].click(function(){
$(this).addClass('off')
$('.phlayer-controls-largeplay').removeClass('off')
controls['play'].removeClass('off')
player.pause()
})
controls['play'].hover(function(){
var t = $(this)
if(t.hasClass('hover')){
t.removeClass('hover')
} else {
t.addClass('hover')
}
})
controls['pause'].hover(function(){
var t = $(this)
if(t.hasClass('hover')){
t.removeClass('hover')
} else {
t.addClass('hover')
}
})
c = $('')
for(var k in controls){ c.append(controls[k]) }
if(playerelm.children().size() > 0) {
playerelm.empty()
}
playerelm.append(cover).append(info).append(c).append(playrandom.addClass('minimized')).append(largeplay)
soundManager.stopAll()
playing = false
if(sound != undefined){
sound.stop()
sound.destruct()
}
sound = soundManager.createSound({
id: args['id'],
volume: 100,
url: args['url'],
stream: true,
onfinish: function(x) {
//this.destruct()
var path = reverse_data[args['url']]
if (path){
methods['play_next'](path)
} else {
methods['play_random']()
}
},
onpause: function(x) {
// change icons
//console.log('pause')
},
onplay: function(x) {
// change icons
controls['loaded'].css(
'width',
controls['duration'].outerWidth() * this.bytesLoaded / this.bytesTotal
)
},
ondataerror: function(x) {
controls['time'].html('error')
},
whileloading: function(x) {
if(!playing && autoplay) {
$('.phlayer-controls-largeplay').addClass('off')
sound.play()
playing = true
}
// update controls display
controls['loaded'].css(
'width',
controls['duration'].outerWidth() * this.bytesLoaded / this.bytesTotal
)
},
whileplaying: function(x) {
// update controls display
var duration = this.durationEstimate
controls['position'].css(
'width',
Math.round(controls['loaded'].outerWidth() * this.position / duration )
)
function format_milliseconds(x){
var t = []
var seconds = Math.round(x / 1000)
var minutes = seconds / 60
if (minutes >= 1) {
minutes = Math.floor(minutes)
seconds = seconds - (minutes * 60)
var hours = minutes / 60
if (hours >= 1) {
hours = Math.floor(hours)
minutes = minutes - (hours * 60)
} else {
hours = false
}
} else {
minutes = false
hours = false
}
if(seconds != 'NaN' && seconds > 0){
if(seconds <= 9){
seconds = '0' + seconds
}
} else {
seconds = '00'
}
t.push(seconds)
if(minutes) {
if(minutes <= 9) {
minutes = '0' + minutes
}
t.push(minutes)
} else {
t.push('00')
}
if(hours) {
t.push(hours)
}
t.reverse()
return t.join(':')
}
controls['time'].html(''+format_milliseconds(this.position)+' | '+format_milliseconds(duration)+'')
}
})
sound.load()
// scroll to the right position
var path = reverse_data[args['url']]
if (!path) path = false
methods['navigate'](path)
}
}
this.resume = function(){
soundManager.resumeAll()
}
this.pause = function(){
soundManager.pauseAll()
// pause audio through sound manager
}
this.next = function(){
// play next track in sound manager
}
this.previous = function(){
// play previous track in sound manager
}
}
$.fn.phlayer = function(method){
if (methods[method]){
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || ! method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.phlayer');
}
};
})(jQuery);