<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio Example</title>
</head>
<body>
<button onclick="playAudio()">播放音频</button>
<script>
function playAudio() {
// 创建 Audio 对象
var audio = new Audio('path/to/your/audiofile.mp3');
// 播放音频
audio.play();
}
</script>
</body>
</html>
上述示例中,当用户点击页面上的按钮时,playAudio 函数会创建一个 Audio 对象,并指定要播放的音频文件的路径。然后,调用 play 方法开始播放音频。
确保将 'path/to/your/audiofile.mp3' 替换为实际音频文件的路径。请注意,浏览器安全策略可能要求音频文件在同一域或允许跨域资源共享(CORS)。
此外,Audio 对象还提供了其他方法和属性,如 pause、currentTime 等,以便您可以控制音频的播放。
转载请注明出处:http://www.zyzy.cn/article/detail/6196/JavaScript 和 HTML DOM