Invoking Function at Each Step of Playback Sequence in PlayAll

Hi @Aouellets ,

in on of my project I useds some approach   :

//==================================
$scope.app.playAudio = function (mp3) {
 var audio = new Audio(mp3);
 audio.addEventListener('ended', function() {
 console.warn("mp3="+mp3+" finished!")
 console.warn("call the next audio from the list");
 }, false);
 let wdgName = 'label-3'
 let volume =parseFloat($scope.view.wdg[wdgName].text)
 audio.volume = volume;
 audio.play();
}; 

 
//==================================
$scope.$on('stepstarted', function(evt, arg1, arg2, arg3) { 
 var parsedArg3 = JSON.parse(arg3);
//some debugings
 
 console.log("stepName="+parsedArg3.stepName);
 console.log("stepDescription="+parsedArg3.stepDescription);
 console.log("nextStep="+parsedArg3.nextStep);
 
 $scope.stepDescription=parsedArg3.stepDescription;
 console.warn("Event: " + evt.name + " arg3 fields, name: " + parsedArg3.stepName + " duration(ms): " + parsedArg3.duration + " total steps: " + parsedArg3.totalSteps + " step desc: " + parsedArg3.stepDescription );
 
 $scope.app.playAudio('app/resources/Uploaded/seq_step_'+parsedArg3.stepNumber+'.mp3');
}); 

 There I used step started but you can also used stepcompleted event.  I remember that  one of the parameter values was not available in step started but only  step completed (I could not rember exactly which one). You can test it simple ;

$scope.$on('stepcompleted',/*stepstarted*/ function(evt, arg1, arg2, arg3) { 
 var parsedArg3 = JSON.parse(arg3);
 console.warn(evt);
 console.warn(arg1);
 console.warn(arg2);
 console.warn(arg3); })