javascript - 具有HTML和JavaScript的音乐控件

我的网页上有(很多)图像，每个图像在单击时都会播放一首歌曲。稍后，我计划在每次单击图像时播放随机歌曲，因为每张图片都是专辑封面。每个图像的代码看起来像这样:

<a onclick="PlaySoundM4A('money');">
    <img class="mySlidesTwo fading" src="dark2.jpeg" style="height:21vh;width:21vh;max-width: 200px;max-height: 200px;">
</a>

这是我的JS函数:

function PlaySoundM4A(fileName) {

    var mFour = new Audio(fileName + ".m4a");
    mFour.play();
}

我想知道如何使用菜单(或至少几个按钮)来允许用户暂停，静音或结束音轨。问题在于歌曲是此函数中设置的变量。如何在另一个函数(如停止函数)中引用它？

最佳答案

如果将其设置为全局变量怎么办

var mFour;
function PlaySoundM4A(fileName) {
    mFour = new Audio(fileName + ".m4a");
    mFour.play();
}

function StopSound(){
    mFour.stop();
}

关于javascript - 具有HTML和JavaScript的音乐控件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48464067/