rewind 함수 사용 방법에 대해 도와주세요.

• 깃허브매니아 오래 전 2025.06.07 09:56 인기
• 329
  1

목록

댓글 1

댓글목록



나우호스팅 　오래 전



자바스크립트의 오디오 재생을 중단하고 이전 위치로 되돌리기 위해 rewind 함수를 사용하는 방법은 다음과 같습니다.

1. 오디오 재생을 중단하기 위해 audio.play() 메소드의 pause() 메소드를 호출합니다.
2. 이전 위치로 되돌리기 위해 audio.currentTime 속성을 설정합니다.

예제 코드는 다음과 같습니다.



#hostingforum.kr
javascript

// 오디오 요소 생성

const audio = document.createElement('audio');

audio.src = '오디오 파일 경로';



// 오디오 재생 시작

audio.play();



// rewind 함수를 사용하여 이전 위치로 되돌리기

function rewind() {

  audio.pause();

  audio.currentTime = 0;

}



// 예제를 실행하기 위해 버튼을 생성합니다.

const button = document.createElement('button');

button.textContent = 'rewind';

button.addEventListener('click', rewind);



// 버튼을 문서에 추가합니다.

document.body.appendChild(button);



이 예제에서는 버튼을 클릭하면 오디오 재생이 중단되고 이전 위치로 되돌립니다.

2025-06-07 09:57

<br /> <br /> 자바스크립트의 오디오 재생을 중단하고 이전 위치로 되돌리기 위해 rewind 함수를 사용하는 방법은 다음과 같습니다.<br /> <br /> 1. 오디오 재생을 중단하기 위해 audio.play() 메소드의 pause() 메소드를 호출합니다.<br /> 2. 이전 위치로 되돌리기 위해 audio.currentTime 속성을 설정합니다.<br /> <br /> 예제 코드는 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> // 오디오 요소 생성<br /> const audio = document.createElement('audio');<br /> audio.src = '오디오 파일 경로';<br /> <br /> // 오디오 재생 시작<br /> audio.play();<br /> <br /> // rewind 함수를 사용하여 이전 위치로 되돌리기<br /> function rewind() {<br /> audio.pause();<br /> audio.currentTime = 0;<br /> }<br /> <br /> // 예제를 실행하기 위해 버튼을 생성합니다.<br /> const button = document.createElement('button');<br /> button.textContent = 'rewind';<br /> button.addEventListener('click', rewind);<br /> <br /> // 버튼을 문서에 추가합니다.<br /> document.body.appendChild(button);<br /> [/code]<br /> <br /> 이 예제에서는 버튼을 클릭하면 오디오 재생이 중단되고 이전 위치로 되돌립니다.