如何在HTML中嵌入Base64格式的WAV音频文件？

我希望在HTML中嵌入Base64格式的.wav文件，先说明下我对其他文件格式的嵌入方式：

SVG文件处理 #

我有一个名为circ.svg的SVG文件，内容如下：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="792" height="612">  
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow"></circle>
</svg>

我可以通过两种方式将其嵌入HTML：

• 外部文件引入：

<html>
<body>
  <embed src="circ.svg"></embed>
</body>
</html>

• 直接写入SVG代码：

<html>
<body>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="792" height="612"> 
    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow"></circle>
  </svg>
</body>
</html>

PNG文件处理 #

我还有一个名为htmlimg.png的PNG文件，可通过外部文件嵌入HTML：

<html>
<body>
  <embed src="htmlimg.png"></embed>
</body>
</html>

另外，我还能将它转换为Base64格式后嵌入HTML：

<html>
<body>
  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO0AAABuC ... deleted stuff ... ASUVORK5CYII=" alt="Base64 encoded image" width="150" height="150"/>
</body>
</html>

WAV文件处理 #

我有一个名为Auld_Lang_Syne_-_U.S._Navy_Band.wav的WAV文件，目前通过外部文件嵌入HTML的代码是：

<html>
<body>
  <audio controls>
    <source src="Auld_Lang_Syne_-_U.S._Navy_Band.wav" type="audio/wav">
  </audio>
</body>
</html>

现在我可以把这个WAV文件转换成Base64格式，请问能不能用类似PNG的方式将其嵌入HTML文件中？

内容的提问来源于stack exchange，提问作者John Frederick Chionglo