0
나는 작은 피아노를 만들고 그것을 깨닫기를 원한다. 피아노 건반 (HTML 및 CSS 포함)을 만들고 샘플을 만듭니다 (mp3 형식). 나는 20 개의 노트와 20 개의 샘플을 가지고있다.Jquery : 오디오 재생 mouseDown 및 mouseUp?
<div class="wrapper">
<a href="../samples/sample_1.mp3" class="white-note"></a>
<a href="../samples/sample_2.mp3" class="black-note"></a>
...
CSS는
.white-note{
display:inline-block;
width:20px;
height:100px;
background:#fff;
border: 1px solid #000;
}
.black-note{
vertical-align:top;
display:inline-block;
width:20px;
height:90px;
background:#000;
border: 1px solid #000;
}
나는 JS 파일을 확인해야합니다. 내가 (mouseDown 키) 내 mp3 (예 : href = "../ samples/sample_1.mp3") 소리와 내가 MouseUp 때 소리를 중지해야합니다. 한편 링크는 키보드의 키를 사용하여 푸시 할 수 있습니다 (흰색 단추 : 첫 번째 자식은 키 "Z"로 푸시). 어떤 생각. lib 디렉토리에 대한 질문
자신의 문서를 확인 :
감사하지만 내가 원하는 게 아니에요! 내가 찾아 http://www.html5piano.ilinov.eu/full/ esample –
이것은 당신이, 당신이 모든에 이는 MouseDown 핸들러를 첨부 할 수 있습니다 원하는 것을 정확하게 좋은 div를 시작하고 사운드 재생을 시작하고 동일한 div에 마우스를 올리면 사운드를 중지하는 mouseup 이벤트 핸들러를 확인하십시오. http://buzz.jaysalvat.com/documentation/sound/ 참고 : mp3 파일을 직접 내부에서 재생할 수 없습니다 파이어 폭스,하지만 모든 파일을 ogg 형식으로 변환해야합니다. – pixx