2013-09-01 04:20:48 +02:00
|
|
|
$('.timeago').timeago()
|
|
|
|
|
|
|
|
|
|
loaderDef = new $.Deferred()
|
|
|
|
|
|
|
|
|
|
soundManager.setup
|
|
|
|
|
url: '/flash/soundmanager/'
|
|
|
|
|
flashVersion: 9
|
|
|
|
|
onready: () ->
|
|
|
|
|
loaderDef.resolve()
|
|
|
|
|
|
|
|
|
|
loaderDef.done ->
|
|
|
|
|
$player = $('.player')
|
|
|
|
|
$play = $('.player .play')
|
|
|
|
|
$progressBar = $player.find '.progressbar'
|
|
|
|
|
$loadingBar = $progressBar.find '.loader'
|
|
|
|
|
$seekBar = $progressBar.find '.seeker'
|
|
|
|
|
currentSound = null
|
|
|
|
|
isPlaying = false
|
|
|
|
|
trackId = $player.data('track-id')
|
|
|
|
|
duration = $player.data('duration')
|
|
|
|
|
|
|
|
|
|
$player.removeClass 'loading'
|
|
|
|
|
|
|
|
|
|
setPlaying = (playing) ->
|
|
|
|
|
isPlaying = playing
|
|
|
|
|
if playing
|
|
|
|
|
$player.addClass 'playing'
|
|
|
|
|
$player.removeClass 'paused'
|
|
|
|
|
else
|
|
|
|
|
$player.addClass 'paused'
|
|
|
|
|
$player.removeClass 'playing'
|
|
|
|
|
|
|
|
|
|
$progressBar.click (e) ->
|
|
|
|
|
return if !currentSound
|
|
|
|
|
percent = ((e.pageX - $progressBar.offset().left) / $progressBar.width())
|
|
|
|
|
duration = parseFloat(duration)
|
|
|
|
|
progress = percent * duration
|
|
|
|
|
currentSound.setPosition(progress)
|
|
|
|
|
|
|
|
|
|
$play.click ->
|
|
|
|
|
if currentSound
|
|
|
|
|
if isPlaying
|
|
|
|
|
currentSound.pause()
|
|
|
|
|
else
|
|
|
|
|
currentSound.play()
|
|
|
|
|
else
|
2013-09-02 04:34:09 +02:00
|
|
|
|
2013-09-01 04:20:48 +02:00
|
|
|
currentSound = soundManager.createSound
|
2013-09-02 04:34:09 +02:00
|
|
|
url: ['/t' + trackId + '/stream.mp3', '/t' + trackId + '/stream.ogg', '/t' + trackId + '/stream.m4a'],
|
2013-09-01 04:20:48 +02:00
|
|
|
volume: 50
|
|
|
|
|
|
|
|
|
|
whileloading: ->
|
|
|
|
|
loadingProgress = (currentSound.bytesLoaded / currentSound.bytesTotal) * 100
|
|
|
|
|
$loadingBar.css
|
|
|
|
|
width: loadingProgress + '%'
|
|
|
|
|
|
|
|
|
|
whileplaying: ->
|
|
|
|
|
progress = (currentSound.position / (duration)) * 100
|
|
|
|
|
$seekBar.css
|
|
|
|
|
width: progress + '%'
|
|
|
|
|
|
|
|
|
|
onfinish: ->
|
|
|
|
|
setPlaying false
|
|
|
|
|
currentSound = null
|
|
|
|
|
$loadingBar.css {width: '0'}
|
|
|
|
|
$seekBar.css {width: '0'}
|
|
|
|
|
$player.removeClass 'playing'
|
|
|
|
|
$player.removeClass 'paused'
|
|
|
|
|
|
|
|
|
|
onstop: ->
|
|
|
|
|
setPlaying false
|
|
|
|
|
|
|
|
|
|
onplay: ->
|
|
|
|
|
|
|
|
|
|
onresume: ->
|
|
|
|
|
setPlaying true
|
|
|
|
|
|
|
|
|
|
onpause: ->
|
|
|
|
|
setPlaying false
|
|
|
|
|
|
|
|
|
|
setPlaying true
|
|
|
|
|
currentSound.play()
|
