📜  js var audio = 新音频 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:29.834000             🧑  作者: Mango

JS var audio = 新音频 - Javascript

在Javascript中,我们可以通过var audio = new Audio(url)创建新的音频对象。这个音频对象可以用来播放音频文件或其他音频资源。

创建音频对象

我们可以通过以下代码来创建一个新的音频对象:

var audio = new Audio(url);

其中,url是音频文件的地址。可以是本地文件路径,也可以是网络资源的URL。

音频对象属性和方法

创建了音频对象后,我们可以使用以下属性和方法来控制音频的播放和暂停等操作。

属性
  • audio.src: 获取或设置音频文件的地址。
  • audio.currentTime: 获取或设置当前播放时间(单位为秒)。
  • audio.duration: 获取音频文件的总时长(单位为秒)。
  • audio.paused: 判断音频是否处于暂停状态,返回布尔值。
方法
  • audio.play(): 开始播放音频。
  • audio.pause(): 暂停当前播放的音频。
  • audio.load(): 重新加载音频文件。
示例代码

下面是一个完整的示例代码,演示了如何使用var audio = new Audio(url)来创建音频对象,并通过按钮控制音频的播放和暂停。

<html>
  <head>
    <meta charset="UTF-8">
    <title>JS Audio Demo</title>
  </head>
  <body>
    <audio id="myAudio" src="test.mp3"></audio>
    <button onclick="playAudio()">播放</button>
    <button onclick="pauseAudio()">暂停</button>
    
    <script type="text/javascript">
      var audio = document.getElementById("myAudio");
      
      function playAudio() {
        audio.play();
      }
      
      function pauseAudio() {
        audio.pause();
      }
    </script>
  </body>
</html>

以上代码将创建一个包含了一个音频对象和两个按钮的HTML页面,并使用Javascript来控制音频播放和暂停。