JS：使用快捷键控制音频的播放与暂停
本帖最后由 马黑黑 于 2025-2-19 20:09 编辑 <br /><br /><p>按 Alt + X 可播放/暂停音乐<br></p><audio id="aud" src="https://music.163.com/song/media/outer/url?id=1859985945" autoplay loop controls></audio>
<h2>代码</h2>
<div id="hEdiv"><pre id="hEpre">
<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>
</pre></div>
<script type="module">
import hlight from 'https://638183.freep.cn/638183/web/mod/helight.js';
hlight.hl(hEdiv, hEpre);
document.addEventListener('keydown', e => {
if (e.altKey && e.keyCode === 88) {
aud.paused ? aud.play() : aud.pause();
e.preventDefault();
}
});
</script>
本帖最后由 马黑黑 于 2025-2-19 20:18 编辑
这里，监听文档的键盘按下操作，如果ALT键被按下，并且 x 键也被按下，则根据音频播放的状况决定是继续播放还是暂停音频，最后阻止组合键的默认行为（如有）。 试了下很灵敏。。看这个是JS控制，是不是也可以用到贴子里面去{:4_173:} 还真是如此呢，去试了一下，能操控的。不知道是不是对所有的音乐都有效{:4_173:} 红影 发表于 2025-2-19 20:48
还真是如此呢，去试了一下，能操控的。不知道是不是对所有的音乐都有效
这个不是看音乐 好吧，不是对所有音乐，只是这里设置过的才行{:4_173:} 花飞飞 发表于 2025-2-19 20:22
试了下很灵敏。。看这个是JS控制，是不是也可以用到贴子里面去
可以的 这音乐还挺好听的，都舍不得去暂停呢{:4_173:} 红影 发表于 2025-2-19 20:49
这音乐还挺好听的，都舍不得去暂停呢
暂停一下无妨 去搜了一下，keyCode === 88对应着x X，89对应y Y，前面一直没明白88是什么，从65开始就是对应英文字母的呢{:4_204:} 红影 发表于 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
是啊，最试验无妨的。
{:4_181:} 马黑黑 发表于 2025-2-19 20:57
这些都可以查到或直接用JS弄出来
这个js比较简单，总算弄明白了{:4_173:} 马黑黑 发表于 2025-2-19 21:05
对的
代码里有了，才真的能控制。这样算下来，用y 也行的啊{:4_173:} 马黑黑 发表于 2025-2-19 21:06
做个演示还弄这么好的音乐，黑黑厉害{:4_187:} 红影 发表于 2025-2-19 21:16
做个演示还弄这么好的音乐，黑黑厉害
{:4_203:} 红影 发表于 2025-2-19 21:15
代码里有了，才真的能控制。这样算下来，用y 也行的啊
这个可以自定义。一般注意一下有木有冲突，比如 Ctrl + C/V 什么都最好回避