17.17　为音频添加控件、自动播放并设置循环播放

使用controls和autoplay属性为音频文件添加控件并指定其在加载后自动播放相当容易，如图17.17.1和图17.17.2所示。

  1. <body>
  2.      <audio src="piano.ogg" autoplay="autoplay" controls="controls"> </audio>
  3. </body>

图17.17.1　当页面加载时会自动播放的Ogg音频文件（含默认控件集）

17.17　为音频添加控件、自动播放并设置循环播放 - 图1

图17.17.2　加载时会自动开始播放的音频文件（含控件）

还可以使用loop属性让音频文件循环播放，如图17.17.3所示。

  1. <body>
  2.      <audio src="piano.ogg" loop="loop" controls="controls"></audio>
  3. </body>

图17.17.3　会循环播放的Ogg音频文件（含默认控件集）

  1. 为音频文件添加控件并让其自动播放的步骤
  • 获取音频文件。2 输入，这里的myAudio.ext是音频文件的位置、名称和扩展名。
  1. 让音频文件循环播放的步骤

  • 获取音频文件。

  • 输入，这里的myAudio.ext是音频文件的位置、名称和扩展名。

提示　Firefox不支持loop属性。

　

提示　可以让音频自动播放和循环播放并不意味着这样做是必需的。