Audio play() 方法

在Web开发中，我们经常会遇到需要在网页中播放音频的情况。HTML5提供了<audio>元素来支持音频播放，并且通过JavaScript可以控制音频的播放、暂停、停止等操作。本文将重点介绍play()方法，该方法用于开始播放音频。

语法

play()方法是<audio>元素的方法，用于开始播放音频。语法如下：

audio.play()

参数

play()方法不接受任何参数。

返回值

play()方法没有返回值。

示例代码

接下来，我们通过一个示例代码来演示如何使用play()方法播放音频。

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>Audio Play Example</title>
</head>
<body>
    <audio id="myAudio" controls>
        <source src="audio.mp3" type="audio/mp3">
        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();
        }
    </script>
</body>
</html>

在上面的示例中，我们首先创建了一个<audio>元素，并指定了音频文件的路径。然后创建了一个按钮，点击按钮时调用playAudio()函数，该函数内部调用了play()方法来开始播放音频。

注意事项

• 在某些浏览器中，自动播放音频可能会被阻止，因此最好在用户交互的情况下调用play()方法。
• 在调用play()方法之前，最好先确保音频资源已经加载完成。

通过本文的学习，你应该已经掌握了play()方法的基本用法，希望对你在Web前端开发中处理音频播放问题有所帮助。