It just depend on you, on your capability, how many times you will pass on it, etc...
I just suggest you to be organized, do you functionality one by one and not all in same time, starting by those which will be used by the others.
Try to list all the feature you want to do, estimate the time of each (multiply by 1.33 :D ), and choose which one you can do in the time you have.
In addition try to use a versioning system, or do regular save at each step of your project in order to be able to discard a buggy feature / revert some bad code
For a uni project, it just important to have a 100% working version at each time
=========================
To play in your frontend a remote audio file you can either, use the Audio API
audioObj = new Audio(url);
In order to know when enough data of your audio file has been loaded, use:
myAudioElement.addEventListener("canplaythrough", event => {
/* the audio is now playable; play it if permissions allow */
myAudioElement.play();
});
audioObj = new Audio("https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3");
document.body.append(audioObj)
audioObj.addEventListener("canplaythrough", function(event){
/* the audio is now playable; play it if permissions allow */
audioObj.play()
});
// display controls
audioObj.controls = true;
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…