An audio for the web which is fully cross-browser needs some different formats to work on all browsers. Commonly I see that people use mp4 and ogg. But I want to be completely sure. Therefore I added webm and wav. Is this completely needed? Especially wav files as they are so heavy. This question should be thought thinking about performance for a responsive site.
This is my html example:
<audio controls="controls" data-music="1">
<source src="http://example.webm" type="audio/webm" />
<source src="http://example.mp4" type="audio/mpeg" />
<source src="http://example.ogg" type="audio/ogg" />
<source src="http://example.wav" type="audio/wav" />
</audio>
Will this all be downloaded and affect the global performance?
Additionally, does the order matter of the type of formats?