如何将此代码应用于我的音频

How to apply this code to my audio

本文关键字：应用于 我的 音频 代码      更新时间：2023-09-26

edit*我做了这个：

   if (vol > 0) {
     vol -= 0.05;
     document.getElementById("introMusic").volume = vol;
   }

我得到了这个错误：未捕获错误：IndexSizeError:DOM异常1 preGameContentObject.js:102（匿名函数）。它的声音越来越小，直到很低，然后继续播放。

我从来没有用javaScript做过音频，我非常不懂。这个问题几乎令人尴尬。我在这个网站上发现了这个很棒的功能，可以淡出我的乒乓球比赛开场曲。

我用这个功能启动音乐：

setUpGame: function() {
        this.setUpPaddles();
        this.setUpBall("left");
        preGameContent.getMouseHover();
        preGameContent.drawButtons();
        preGameContent.getMouseClick();
        document.getElementById('introMusic').play();
    },

这是最佳实践吗？它有效。

我想知道如何将此功能应用于我的代码：

// Initial volume of 0.20
// Make sure it's a multiple of 0.05
var vol = 0.20;
var interval = 200; // 200ms interval
var fadeout = setInterval(
  function() {
    // Reduce volume by 0.05 as long as it is above 0
    // This works as long as you start with a multiple of 0.05!
    if (vol > 0) {
      vol -= 0.05;
      audio.setVolume(vol);
    }
    else {
      // Stop the setInterval when 0 is reached
      clearInterval(fadeout);
    }
  }, interval);

我知道该怎么称呼它，因为我有一个"如果玩游戏按钮点击-开始游戏"类型的功能，我会把它放在那里。我在哪里引用我的"introMusic"元素ID？谢谢

我选择了这个，因为它没有错误（需要稍微重构）：

function fadeVolume(volume, callback)
                    {
                        var factor  = 0.02,
                            speed   = 50;
                        if (volume > factor)
                        {
                            setTimeout(function(){
                                fadeVolume((document.getElementById("introMusic").volume -= factor), callback);         
                            }, speed);
                        } else {
                            (typeof(callback) !== 'function') || callback();
                        }
                    }
                    fadeVolume(document.getElementById("introMusic").volume, function(){
                        console.log('fade complete');
                        document.getElementById("introMusic").pause();
                        document.getElementById("introMusic").currentTime = 0;
                    });

为了停止音频，我使用.pause();并重置当前时间，因为.stop();不起作用。有人知道为什么吗？谢谢

相关文章：