JS：使用快捷键控制音频的播放与暂停

马黑黑

按 Alt + X 可播放/暂停音乐

代码

<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1859985945" autoplay loop controls></audio>

<script>
document.addEventListener('keydown', e => {
	if (e.altKey && e.keyCode === 88) {
		aud.paused ? aud.play() : aud.pause();
		e.preventDefault();
	}
});
</script>

马黑黑

这里，监听文档的键盘按下操作，如果ALT键被按下，并且 x 键也被按下，则根据音频播放的状况决定是继续播放还是暂停音频，最后阻止组合键的默认行为（如有）。

花飞飞

试了下很灵敏。。看这个是JS控制，是不是也可以用到贴子里面去

红影

还真是如此呢，去试了一下，能操控的。不知道是不是对所有的音乐都有效

马黑黑

红影 发表于 2025-2-19 20:48
还真是如此呢，去试了一下，能操控的。不知道是不是对所有的音乐都有效

这个不是看音乐

红影

好吧，不是对所有音乐，只是这里设置过的才行

马黑黑

花飞飞 发表于 2025-2-19 20:22
试了下很灵敏。。看这个是JS控制，是不是也可以用到贴子里面去

可以的

红影

这音乐还挺好听的，都舍不得去暂停呢

马黑黑

红影 发表于 2025-2-19 20:49
这音乐还挺好听的，都舍不得去暂停呢

暂停一下无妨

红影

去搜了一下，keyCode === 88对应着x X，89对应y Y，前面一直没明白88是什么，从65开始就是对应英文字母的呢

马黑黑

红影 发表于 2025-2-19 20:55
去搜了一下，keyCode === 88对应着x X，89对应y Y，前面一直没明白88是什么，从65开始就是对应英文字母的呢 ...

这些都可以查到或直接用JS弄出来

红影

马黑黑 发表于 2025-2-19 20:49
这个不是看音乐

嗯，主要看代码。

马黑黑

红影 发表于 2025-2-19 21:05
嗯，主要看代码。

对的

红影

马黑黑 发表于 2025-2-19 20:50
暂停一下无妨

是啊，最试验无妨的。

马黑黑

红影 发表于 2025-2-19 21:05
是啊，最试验无妨的。

红影

马黑黑 发表于 2025-2-19 20:57
这些都可以查到或直接用JS弄出来

这个js比较简单，总算弄明白了

红影

马黑黑 发表于 2025-2-19 21:05
对的

代码里有了，才真的能控制。这样算下来，用y 也行的啊

红影

马黑黑 发表于 2025-2-19 21:06

做个演示还弄这么好的音乐，黑黑厉害

马黑黑

红影 发表于 2025-2-19 21:16
做个演示还弄这么好的音乐，黑黑厉害

马黑黑

红影 发表于 2025-2-19 21:15
代码里有了，才真的能控制。这样算下来，用y 也行的啊

这个可以自定义。一般注意一下有木有冲突，比如 Ctrl + C/V 什么都最好回避