Javascript “检测压力”;“下一轨道”;键盘上的按钮?
我希望能够检测用户键盘上的“下一首曲目”、“上一首曲目”和(如果适用)“随机播放”按钮。这可能吗?谢谢 如果您知道密钥代码,您可以。虽然不是所有的键盘都会有,或者可能会有所不同。(猜测) 执行此操作并按一个键,查看键代码:Javascript “检测压力”;“下一轨道”;键盘上的按钮?,javascript,jquery,keyboard,keyboard-events,Javascript,Jquery,Keyboard,Keyboard Events,我希望能够检测用户键盘上的“下一首曲目”、“上一首曲目”和(如果适用)“随机播放”按钮。这可能吗?谢谢 如果您知道密钥代码,您可以。虽然不是所有的键盘都会有,或者可能会有所不同。(猜测) 执行此操作并按一个键,查看键代码: $(window).keydown( function(event){ console.log(event.keyCode); } ); 当您拥有代码时,您可以在按下该键时处理事件。 小提琴:如果你知道钥匙代码,你可以。虽然不是所有的键盘都会有,或者可能会有所不同。(猜测)
$(window).keydown( function(event){ console.log(event.keyCode); } );
当您拥有代码时,您可以在按下该键时处理事件。
小提琴:如果你知道钥匙代码,你可以。虽然不是所有的键盘都会有,或者可能会有所不同。(猜测) 执行此操作并按一个键,查看键代码:
$(window).keydown( function(event){ console.log(event.keyCode); } );
当您拥有代码时,您可以在按下该键时处理事件。
小提琴:我似乎找不到shuffle
keyCode
,但这捕获了快进和快退。。。必须有一种比这更好的方法来做你想做的事情
$('#capture').on('keydown',function(e){
switch (e.which) {
case 176:
alert('Fast Forward');
break;
case 177:
alert('Rewind');
break;
default:
alert('Neither FF or rewind was pressed');
}
});
我似乎找不到shuffle
keyCode
,但这捕获了快进和快退。。。必须有一种比这更好的方法来做你想做的事情
$('#capture').on('keydown',function(e){
switch (e.which) {
case 176:
alert('Fast Forward');
break;
case 177:
alert('Rewind');
break;
default:
alert('Neither FF or rewind was pressed');
}
});
实际上,现在使用浏览器提供的媒体会话功能,这是可能的。普通键盘事件通常不支持键盘上的播放器控制按钮。 下面是一个例子:
if(导航器中的“mediaSession”){
navigator.mediaSession.metadata=新的MediaMetadata({
标题:"难忘",,
艺术家:“纳特·金·科尔”,
专辑:《终极收藏(重拍)》,
艺术品:[
{src:'https://dummyimage.com/96x96,大小:'96x96',类型:'image/png'},
{src:'https://dummyimage.com/128x128,大小:'128x128',类型:'image/png'},
{src:'https://dummyimage.com/192x192,大小:'192x192',类型:'image/png'},
{src:'https://dummyimage.com/256x256,大小:'256x256',类型:'image/png'},
{src:'https://dummyimage.com/384x384,大小:'384x384',类型:'image/png'},
{src:'https://dummyimage.com/512x512,大小:'512x512',键入:'image/png'},
]
});
navigator.mediaSession.setActionHandler('play',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('pause',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('seekbackward',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('seekforward',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('previoustrack',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('nexttrack',function(){/*代码节选。*/});
}
实际上,现在使用浏览器提供的媒体会话功能就可以实现这一点。普通键盘事件通常不支持键盘上的播放器控制按钮。
下面是一个例子:
if(导航器中的“mediaSession”){
navigator.mediaSession.metadata=新的MediaMetadata({
标题:"难忘",,
艺术家:“纳特·金·科尔”,
专辑:《终极收藏(重拍)》,
艺术品:[
{src:'https://dummyimage.com/96x96,大小:'96x96',类型:'image/png'},
{src:'https://dummyimage.com/128x128,大小:'128x128',类型:'image/png'},
{src:'https://dummyimage.com/192x192,大小:'192x192',类型:'image/png'},
{src:'https://dummyimage.com/256x256,大小:'256x256',类型:'image/png'},
{src:'https://dummyimage.com/384x384,大小:'384x384',类型:'image/png'},
{src:'https://dummyimage.com/512x512,大小:'512x512',键入:'image/png'},
]
});
navigator.mediaSession.setActionHandler('play',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('pause',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('seekbackward',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('seekforward',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('previoustrack',function(){/*代码节选。*/});
navigator.mediaSession.setActionHandler('nexttrack',function(){/*代码节选。*/});
}
对我来说,“下一首歌”是176,而“上一首歌”是177。“随机”键根本不注册。这是通用的还是键盘专用的?谢谢不知道,但在我的Mac电脑上,浏览器甚至没有收到任何事件。不管你想做什么,我都不会依赖这个。也许使用37和39(箭头键)谢谢。我绝对不依赖它,它只是一个辅助控件。我只是在帖子中添加了一个提琴。对我来说,“下一首曲目”我得到176,而“上一首曲目”我得到177。“shuffle”键根本不注册。这是通用的还是键盘专用的?谢谢不知道,但在我的Mac电脑上,浏览器甚至没有收到任何事件。不管你想做什么,我都不会依赖这个。也许使用37和39(箭头键)谢谢。我绝对不依赖它,它只是一个辅助控件。我只是在帖子中添加了一个提琴。很好。谢谢你的回答。这是我第一次看到这个功能的描述。很好。谢谢你的回答。这是我第一次看到描述的此功能。