bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed sync between audio player, map, audio-links

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-19 23:10:16 +01:00
parent 740405b746
commit 563f81c1b1
4 changed files with 60 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+20 -12
View File
@@ -106,7 +106,8 @@
// object events
this.event_handlers = {
'audio-play-next':[],
'audio-ended':[]
'audio-ended':[],
'stop-shuffle':[]
};
this.init();
@@ -147,7 +148,7 @@
// emmit new playing doc (e.g.: corpus map nowing that audio played from RandomPlayer)
_$corpus_canvas.trigger({
'type':'audio-node-opened',
'id':this.historic[this.currentHistoricIndex].id
'nid':this.historic[this.currentHistoricIndex].nid
});
this.showHidePreviousBtn();
this.showHideNextBtn();
@@ -239,7 +240,7 @@
.fail(this.onNodeLoadFail.bind(this));
},
onNodeLoaded(data){
console.log('AudioPlayer node loaded', data);
console.log('AudioPlayer node loaded');
this.$cartel.html(data.rendered).removeClass('loading');
_$body.trigger({'type':'new-audio-cartel-loaded'});
initAjaxLinks();
@@ -294,6 +295,7 @@
handler = this.event_handlers[event_name][i];
setTimeout(handler, 0);
}
return this;
},
}
@@ -352,10 +354,13 @@
// Audio links
if($link.is('.audio-link')){
_audio_player.openDocument({
nid:$link.attr('nid'),
audio_url:$link.attr('audio_url')
});
// TODO: stop randomplayer
_audio_player
.emmit('stop-shuffle')
.openDocument({
nid:$link.attr('nid'),
audio_url:$link.attr('audio_url')
});
return false;
}
@@ -506,7 +511,9 @@
})
.on('corpus-cliked-on-node', function(e) {
console.log('theme : corpus-cliked-on-node', e);
_audio_player.openDocument(e.target_node);
_audio_player
.emmit('stop-shuffle')
.openDocument(e.target_node);
});
_randomPlayer = new RandomPlayer(e.playlist);
@@ -539,7 +546,8 @@
// attach an event on AudioPlayer
_audio_player
.on('audio-ended', this.onAudioPlayerEnded.bind(this))
.on('audio-play-next', this.onAudioPlayNext.bind(this));
.on('audio-play-next', this.onAudioPlayNext.bind(this))
.on('stop-shuffle', this.stop.bind(this));
},
shuffle(){
var tempPLaylist = [];
@@ -555,20 +563,20 @@
},
toggleActive(e){
if (this.active) {
this.$btn.removeClass('is-active');
this.stop();
}else{
this.$btn.addClass('is-active');
this.shuffle();
this.start();
}
},
start(){
this.active = _audio_player.shuffle_is_active = true;
this.$btn.addClass('is-active');
this.shuffle();
this.next();
},
stop(){
this.active = _audio_player.shuffle_is_active = false;
this.$btn.removeClass('is-active');
// stop audio player
_audio_player.stop();
},
sites/all/themes/custom/edlptheme/assets/scripts/main.js
+20 -12
View File
@@ -106,7 +106,8 @@
// object events
this.event_handlers = {
'audio-play-next':[],
'audio-ended':[]
'audio-ended':[],
'stop-shuffle':[]
};
this.init();
@@ -147,7 +148,7 @@
// emmit new playing doc (e.g.: corpus map nowing that audio played from RandomPlayer)
_$corpus_canvas.trigger({
'type':'audio-node-opened',
'id':this.historic[this.currentHistoricIndex].id
'nid':this.historic[this.currentHistoricIndex].nid
});
this.showHidePreviousBtn();
this.showHideNextBtn();
@@ -239,7 +240,7 @@
.fail(this.onNodeLoadFail.bind(this));
},
onNodeLoaded(data){
console.log('AudioPlayer node loaded', data);
console.log('AudioPlayer node loaded');
this.$cartel.html(data.rendered).removeClass('loading');
_$body.trigger({'type':'new-audio-cartel-loaded'});
initAjaxLinks();
@@ -294,6 +295,7 @@
handler = this.event_handlers[event_name][i];
setTimeout(handler, 0);
}
return this;
},
}
@@ -352,10 +354,13 @@
// Audio links
if($link.is('.audio-link')){
_audio_player.openDocument({
nid:$link.attr('nid'),
audio_url:$link.attr('audio_url')
});
// TODO: stop randomplayer
_audio_player
.emmit('stop-shuffle')
.openDocument({
nid:$link.attr('nid'),
audio_url:$link.attr('audio_url')
});
return false;
}
@@ -506,7 +511,9 @@
})
.on('corpus-cliked-on-node', function(e) {
console.log('theme : corpus-cliked-on-node', e);
_audio_player.openDocument(e.target_node);
_audio_player
.emmit('stop-shuffle')
.openDocument(e.target_node);
});
_randomPlayer = new RandomPlayer(e.playlist);
@@ -539,7 +546,8 @@
// attach an event on AudioPlayer
_audio_player
.on('audio-ended', this.onAudioPlayerEnded.bind(this))
.on('audio-play-next', this.onAudioPlayNext.bind(this));
.on('audio-play-next', this.onAudioPlayNext.bind(this))
.on('stop-shuffle', this.stop.bind(this));
},
shuffle(){
var tempPLaylist = [];
@@ -555,20 +563,20 @@
},
toggleActive(e){
if (this.active) {
this.$btn.removeClass('is-active');
this.stop();
}else{
this.$btn.addClass('is-active');
this.shuffle();
this.start();
}
},
start(){
this.active = _audio_player.shuffle_is_active = true;
this.$btn.addClass('is-active');
this.shuffle();
this.next();
},
stop(){
this.active = _audio_player.shuffle_is_active = false;
this.$btn.removeClass('is-active');
// stop audio player
_audio_player.stop();
},