javascript - 向现有解决方案 (js) 添加播放/暂停切换按钮
问题描述
一直在使用这里的优秀解决方案来制作一个按钮,在点击时随机播放一些歌曲。
https://forums.asp.net/t/1876176.aspx?Making+a+random+sound+play+when+a+button+is+clicked
现在我意识到将它放在网站上可能会非常烦人,所以我希望该按钮是一个切换按钮,以便您单击它一次并播放“随机歌曲”,再次单击它“它暂停”单击它再次“新的随机歌曲播放”,它还以某种方式以纯文本形式显示歌曲名称。
未点击按钮:“播放随机歌曲。” 点击按钮:“暂停歌曲名称 1。”
朝着正确方向的任何一点都会很可爱!
<body>
<input class="random_button_play" type='button' value='Try Random Sound' onclick='playRandomSound();' />
<span id='player'></span>
<script id="jsbin-javascript">
function playRandomSound()
{
var sounds = [
"song1.ogg",
"song2.ogg",
"song3.ogg",
];
var soundFile = sounds[Math.floor(Math.random()*sounds.length)];
document.getElementById("player").innerHTML="<embed src=\""+soundFile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
<style>
</style>
</body>