This may seem silly question but I seek clarification since my application is very huge.
Do I have to always append this element to a parent node like:
var audio = document.createElement("audio");
Is it necessary since I remove and create the audio element on the fly base on a handler function or user interaction?
document.body.appendChild(audio); // or something
My current practice is that I never append them to anything. Is this a good practice?
Note: I do this because there is no current browser supports switching audio API source node natively. It can be done through hack.