var sound = {
source :{},
title: audio.attr('title'),
- id:audio.attr('id'),
sound_id:audio.data('sound-id'),
url:audio.attr('data-url'),
focus:audio.attr('data-player-focus')
},
// Transform JSON sound object to HTML container for playlist.
_htmlifyJsonSound: function(sound) {
- var container = $('<li>').attr('data-origin',sound.id);
+ var container = $('<li>');
var audio = $('<audio>',this.options.html5audioOptions)
.attr('title',sound.title).hide()
.attr('data-sound-id', sound.sound_id)
});
var controls = $('<span>',{'class':'soundControls controls'});
var link = $('<a>',{href:sound.url,'class':'button icon-external-link'});
- var html5 = $('<button>',{title:"Display HTML5 audio",'class':'icon-html5',click:function(){
- audio.toggle();
- }}).hide();
var remove = $('<button>',{title:"Remove from list",'class':'icon-remove',click:function(){
container.remove();
thePlaylist._update();
audio.trigger('beforePlay').trigger('play');
}
}});
- controls.append(playpause).append(stop).append(remove).append(html5);
+ controls.append(playpause).append(stop).append(remove);
var title = $('<a>',{title:"More information",href:sound.url,'class':"button title",html:sound.title});
container.append(controls).append(title).append(audio);
if(sound.focus){thePlaylist.setFocus(container);}
// Play next sound
bindControl: function(control,audio,element,options) {
element.addClass('loading');
- audioID = audio.attr('id');
+ audioID = audio.data('souce-id');
//TODO for controls in page content
},
// Play next sound