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 提供更强大的音频处理能力,包括音频可视化、效果处理等。
💻 在线代码编辑器
👁️ 预览效果