bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

recit player fadeout bug fix #2240

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-07-20 18:49:11 +02:00
parent bf4f4dcc04
commit af84d7c27c
2 changed files with 54 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MapConcernements.vue
View File

@ -106,7 +106,7 @@ export default {
// use the paper.view mousemouve to removed mappopup
this.paper.view.onMouseMove = function(event) {
console.log("view onMouseMove", event.target);
// console.log("view onMouseMove", event.target);
if(event.target._id === "paper-view-0") {
this.setHoverElmt(null);
}

108
src/components/RecitPlayer.vue
View File

@ -10,7 +10,8 @@ export default {
return {
plyr_options: {
controls: ['play', 'progress', 'current-time', 'mute', 'volume']
}
},
fadeOutInterval: null
}
},
computed: {
@ -27,74 +28,69 @@ export default {
this.recit_plyr_player.volume = 0.6;
if (this.opened_recit) {
if (!this.fadeOutInterval) {
this.recit_plyr_player.play();
}
}
},
watch: {
opened_recit: {
handler (n,o){
console.log('recitPlayer watch opened_recit o, n', o, n);
if(o){
let fadeInterval = setInterval(()=>{
if (this.recit_plyr_player.volume > 0.05) {
console.log(`recitPlayer fading volume:${this.recit_plyr_player.volume}`);
this.recit_plyr_player.volume *= 0.9;
}else{
if(n){
if(n.file.url){
// console.log(`switching source`);
this.recit_plyr_player.source = {
type: 'audio',
sources: [
{
src: n.file.url,
type: n.file.filemine,
}
]
}
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.play();
}
}else{
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.stop();
}
clearInterval(fadeInterval);
}
}, 1);
} else {
if (n) {
if(n.file.url){
// console.log(`switching source`);
this.recit_plyr_player.source = {
type: 'audio',
sources: [
{
src: n.file.url,
type: n.file.filemine,
}
]
}
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.play();
}
}
}
this.recitTransition(n,o);
},
deep: true
}
},
methods: {
...mapActions(ConcernementsStore, ['setOpenedRecit', 'setRecitPlayer']),
//
// onLeave(el, done){
// console.log('onLeave', el, done);
// setTimeout(() => {
// console.log('onLeave timeout done', done);
// done();
// }, 5000);
// }
recitTransition(n, o){
if(o){
this.fadeOutInterval = setInterval(()=>{
if (this.recit_plyr_player.volume > 0.05) {
// console.log(`recitPlayer fading volume:${this.recit_plyr_player.volume}`);
this.recit_plyr_player.volume *= 0.9;
}else{
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.stop();
clearInterval(this.fadeOutInterval);
// if during the the fadeout we opened an other recit, play it
if (this.opened_recit) {
this.recit_plyr_player.source = {
type: 'audio',
sources: [
{
src: this.opened_recit.file.url,
type: this.opened_recit.file.filemine,
}
]
}
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.play();
}
}
}, 1);
}
if (n && !this.fadeOutInterval) { // if new and we are not in in a fadeout
if(n.file.url){
// console.log(`switching source`);
this.recit_plyr_player.source = {
type: 'audio',
sources: [
{
src: n.file.url,
type: n.file.filemine,
}
]
}
this.recit_plyr_player.volume = 0.6;
this.recit_plyr_player.play();
}
}
}
},
}