For our 7 Minute Workout app, adding sound support is vital. One cannot exercise while constantly staring at the screen. Audio clues will help the user to perform the workout effectively as he/she can just follow the audio instructions.
Here is how we are going to support exercise tracking using audio clues:
A ticking clock sound tracks the progress during the exercise
A half-way indicator sounds, indicating that the exercise is halfway through
An exercise-completion audio clip plays when the exercise is about to end
An audio clip plays during the rest phase and informs users about the next exercise
Modern browsers have good support for audio. The <audio>
tag of HTML5 provides a mechanism to embed audio into our HTML content. We will use it to embed and play our audio clips during different times in the app.
AngularJS does not have any inherent support to play/manage audio content. We may be tempted to think that we can just go ahead and directly...