HTML5 教程 / Audio

HTML5 Audio 完整教程

HTML5 的 <audio> 元素提供了原生的音频播放能力。

基本用法

基础 Audio 示例
<audio controls>
    <source src="music.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 标签。
</audio> 

常用属性

  • controls - 显示播放控制条
  • autoplay - 自动播放
  • loop - 循环播放
  • muted - 静音
  • preload - 预加载策略

JavaScript API

常用方法
var audio = document.getElementById("myAudio");

audio.play();
audio.pause();
audio.currentTime = 30;  // 跳转
audio.volume = 0.5;    // 音量
audio.playbackRate = 1.5; // 播放速度 

常见问题

移动端自动播放限制?

移动端需要用户交互后才能播放音频。

Web Audio API 是什么?

Web Audio API 提供更强大的音频处理能力,包括音频可视化、效果处理等。

💻 在线代码编辑器
👁️ 预览效果