如何发挥循环按钮音频剪辑上了呢？ [英] How to play loop an audio clip on button hold up?

问题描述

我想有，当你按住按钮向上箭头键的音频播放声音就西港岛线回路我的音频片段大约是10秒钟，但是当箭头键是不是被pressed停止....这里是我的code现在

  VAR clickSound =新的音频（IMG / hartslag.mp3）;document.body.onkeyup =功能（E）{
如果（e.key code == 38）{
    clickSound.play（）;
}
}
 

解决方案

您必须分别使用两个事件侦听器的onkeydown 和的onkeyup 来检测时，最关键的是pressed分别当它被释放到播放和暂停/停止音频。

code

  VAR clickSound =新的音频（http://dl.dropbox.com/u/1538714/article_resources/song.ogg）;功能playAudioOnKeyDown（五）{
  如果（e.key code == 38）{
    clickSound.play（）;
  }
}
document.onkeydown = playAudioOnKeyDown;
功能pauseAudioOnKeyUp（五）{
  如果（e.key code == 38）{
    clickSound.pause（）;
  }
}
document.onkeyup = pauseAudioOnKeyUp;
 

的jsfiddle

I would like to have an audio sound plays when you hold the button up arrow key it wil loop my audio clip which is about 10 seconds long, but stops when the arrow key is not being pressed.... Here is my code now

var clickSound = new Audio("img/hartslag.mp3");

document.body.onkeyup = function (e){
if(e.keyCode == 38){
    clickSound.play();
}
}

解决方案

You have to use two event listeners namely onkeydown and onkeyup to detect when the key is pressed and when it is released to play and pause/stop the audio respectively .

Code

var clickSound = new Audio("http://dl.dropbox.com/u/1538714/article_resources/song.ogg");

function playAudioOnKeyDown(e) {
  if (e.keyCode == 38) {
    clickSound.play();
  }
}
document.onkeydown = playAudioOnKeyDown;


function pauseAudioOnKeyUp(e) {
  if (e.keyCode == 38) {
    clickSound.pause();
  }
}
document.onkeyup = pauseAudioOnKeyUp;

JSFiddle

这篇关于如何发挥循环按钮音频剪辑上了呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！