본문 바로가기
웹 코딩/HTML, CSS, JS

[jQuery] audio

by 지구스시2 2021. 3. 30.
728x90
반응형

 

Audio

HTML

<audio src="inc/media/mp3/effect.mp3" id="effect"></audio>

javaScript

selector = $('#effect');

adoPlay(selector);
adoReset(selector);

//효과음 실행
function adoPlay(sound){
    adoReset(sound);
    sound[0].play();
}

// 효과음 초기화
function adoReset(sound){
    sound[0].pause();
		if(sound[0]>0){
			sound[0].currentTime = 0;
		}
}

// 오디오 재생
sound[0].play();

// 오디오 중지
sound[0].pause();

// 오디오 종료 이벤트
sound[0].on('ended', function(){
		userFunction();
})

// 오디오 플레이 시간
sound[0].currentTime;

 

728x90
반응형

'웹 코딩 > HTML, CSS, JS' 카테고리의 다른 글

[WEB] POPUP  (0) 2021.11.16
[HTML] XHTML  (0) 2021.07.16
[JavaScript] 동치연산자  (0) 2021.03.30
[JavaScript] Math  (0) 2021.03.23
[HTML] 문서 렌더링  (0) 2021.03.10