html audio play

作者：月下孤魂发布日期:2025-08-04 浏览:19

<!DOCTYPE html>
<html>
<head>
    <title>HTML Audio Play Example</title>
</head>
<body>
    <!-- 创建一个音频元素，使用 <audio> 标签 -->
    <audio id="myAudio" controls>
        <!-- 指定音频文件的路径 -->
        <source src="horse.ogg" type="audio/ogg">
        <source src="horse.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>

    <!-- 创建一个按钮来控制音频播放 -->
    <button onclick="playAudio()">Play Audio</button>

    <script>
        // 获取音频元素
        var audio = document.getElementById("myAudio");

        // 定义播放音频的函数
        function playAudio() {
            audio.play();  // 调用 play() 方法来播放音频
        }
    </script>
</body>
</html>

解释说明：

HTML 音频标签 (<audio>)：用于在网页中嵌入音频内容。controls 属性为音频添加了默认的播放控件（如播放、暂停和音量调节）。
音频源 (<source>)：指定了音频文件的路径和类型。浏览器会根据支持的格式选择合适的音频文件进行播放。
JavaScript 控制：通过 document.getElementById() 获取音频元素，并定义了一个 playAudio() 函数，调用 audio.play() 方法来播放音频。
按钮：点击按钮时触发 playAudio() 函数，从而播放音频。

上一篇：html文字颜色

下一篇：html网页播放器代码