[javascript30] 드럼치기

이미지 출처 : https://cdn.dribbble.com/users/2285000/screenshots/10589952/media/612c4f1426c34e1f43af343f2ff4ed91.png

 

 

 

 

~ 아래 해당하는 키보드를 눌러보세요 ~

See the Pen javascript30(JS Drum Kit) by jeongahlee (@jeongahlee) on CodePen.

 

 

tag 용어설명

 

- <kbd> 태그는 키보드(keyboard) 입력을 나타낼 때 사용합니다.

ex) <p><kbd>ALT</kbd>키와 <kbd>F4</kbd>키를 동시에 누르면 포커스를 가지고 있는 윈도우를 곧바로 닫을 수 있습니다.</p>

 

-  <audio> 태그는 음악 또는 기타 오디오 스트림과 같은 소리 콘텐츠를 포함할 때 사용합니다.

  이 요소는 전역 특성을 포함합니다.

 

 사용하는 속성

• src : 오디오 파일의 주소
• controls : 컨트롤러 표시
• autoplay : 자동 재생
• loop : 반복 재생
• width : 가로길이
• height : 세로길이
• muted : 음소거

ex)  <audio src='음성파일의 주소'> or

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>