javascript - HTML 按钮标签卡住，第二次点击时不会播放 HTML5 音频

Question

我有一个播放列表页面，在计算机上运行良好。不幸的是，在android上，当我点击开始按钮，然后点击停止按钮时，它保持橙色并且不会改变轨道！

我假设android上的按钮标签正在等待返回？

此外，src更新不适用于android。

这是我的javascript：

function Stop ()
{
    var audie = document.getElementById("myAudio");
    audie.pause();
}

function Start ()
{
    var audie = document.getElementById("myAudio");
    audie.src = ("new link");
    audie.play();
}

...这是 HTML：

<audio id="myAudio" onended="Start()"></audio>

<button type="button" onclick="Start()">Start</button>
<button type="button" onclick="Stop()">Stop</button>

请帮忙！谢谢你。

Answer 1

试试这个：

var audie = document.getElementById("myAudio");
function Stop ()
{
    audie.muted = true;
}

function Start ()
{
    audie.src = ("new link");
    audie.muted = false;
    audie.currentTime = 0;
}

我认为audio.pause停止下载歌曲。如果我错了，请纠正我。