用html如何播放wav文件？_随笔

方法一：

方法二：

html5 的audio：

用HTML5的audio标签，就要考虑浏览器对音频格式的支持情况，见下图：

如果要兼容所有现代浏览器，建议以如下方式同时引入mp3和ogg格式：

</audio>

据个人了解

网页中的音乐播放代码有以下几种：

第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。

第二种：

在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：

不同的是，在这里我们可以设置更多内容，相信内容请看w3scholl手册！

第三种：

使用超链接

例如：<a href="horse.mp3">Play the sound</a>

第四种：

使用 HTML5 <audio>元素

<audio>元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。

例子：

Your browser does not support this audio format.

</audio>

1、首先打开Sublime Text编辑器新建一个工程，在目录中准备好1个html文件和要插入的音频文件：

2、打开HTML文件，新建一个空的HTML5文档结构，在body标签中插入audio元素，audio元素里面通过source引入音频文件：

3、保存文件以后打开浏浏览器，会在网页中看到音频播放器，点击播放按钮就会自动播放音频了：

欢迎分享，转载请注明来源：内存溢出

用html如何播放wav文件？