如何用HTML5向网页中插入音频？
1、打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件。
2、打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF-8。
3、接下来在body标签中插入audio元素，audio元素里面通过source引入音频文件，如下图所示，注意文件的类型要写对。
4、运行编写好的页面程序，你会在网页中看到如下图所示的音频播放器，我们点击播放按钮就会自动播放音频。
5、当然有很多的老版本的浏览器并不支持audio元素，这个时候我们可以在audio里面添加一个提示，当浏览器不支持audio元素的时候就会显示这个提示。
6、如果想进入播放页面就立即自动播放音频内容，那么需要在audio中添加一个controls属性，如下图所示。
7、最后，列举了一下当前主流浏览器对HTML5里面audio元素的支持情况，大家可以做一下参考。
1、打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击index.html进入。
2、在这里通过图示的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了，需要用autoplay设置自动播放，controls设置控制栏。
4、下一步，用source可以连接对应的视频资源，注意路径不要写错。
5、完成以后，等网页加载出来就会插入视频播放器自动播放视频，左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。
用于定义音频元素的html标签是
html5中audio元素是用于定义音频元素的
常用属性：
autoplay
布尔值属性；声明该属性，音频会尽快自动播放，不会等待整个音频文件下载完成。
controls
如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放。
loop
布尔属性；如果声明该属性，将循环播放音频。
muted
表示是否静音的布尔值。默认值为 false，表示有声音。
常用事件：
ended：播放到媒体的结束位置，播放停止。
loadeddata：媒体的第一帧加载完成。
loadedmetadata ：元数据加载完成。
pause：播放暂停。
play：播放开始。
dw2017如何插入音频？
若想在DW2017中插入音频，您可以按照以下步骤操作：
1. 打开Dreamweaver 2017软件，并选择您想要添加音频的网页。
2. 在“插入”选项卡中，点击“媒体”下的“音频”按钮。
3. 选择您想要插入的音频文件，并点击“确定”按钮。
4. 此时，一个音频播放器将被插入到您的网页中。您可以调整它的大小和位置，以适应您的需求。
5. 还可以对音频播放器进行其他自定义设置，如自动播放、循环播放等。可以通过选中音频播放器，然后在Dreamweaver的“属性”面板中进行设置。
6. 最后，保存您的网页，并在浏览器中预览效果。
这样，音频就会成功地被插入到您的网页中，并在浏览器中播放。