• Q&A
  • 회원가입
  • 로그인

[js] JS - 마우스오버 시, 오디오재생 (= mp3재생 = 소리재생)

시각장애자 배려 메뉴 제작에 유용.

 

<style>

audio {display:none;}

</style>


<audio id='hz' controls><source src="" type="audio/mp3" /></audio>


<script>

function hzplay($mp3){

    hz = document.getElementById("hz");

    hz.src = $mp3;

    hz.play();

}

</script>


 <a href="#" onmouseover="hzplay('https://ccrma.stanford.edu/~jos/mp3/harpsi-cs.mp3')" onmouseleave="hzplay('')">mp3재생</a>

 

결과보기

균이 님 https://sir.kr/qa/345971

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012