HTML5 뮤직 플레이어 외부 재생 버튼

Question

단일 시차 사이트를 구축 중입니다. 페이지의 첫 부분은 로고와 "지금 듣기"라는 텍스트 버튼입니다.

지금 듣기 버튼을 클릭하면 페이지가 자동으로 HTML5 음악 재생이 삽입 된 다음 섹션으로 스크롤됩니다. "지금 듣기"버튼을 클릭하면 음악을 자동으로 시작하는 방법이 있습니까?

다음은 내가 작업하고있는 페이지에 대한 링크입니다. 이벤트 리스너를 추가하려고했지만 작동하지 않는 것 같습니다.

http://rob.peytongregory.com/

Answer 1

표준 HTML5 <audio> 태그를 사용한다고 가정하면 .play() 및 .stop()과 같은 메소드를 사용할 수 있습니다. (당신이 이미 부착이없는 경우)

따라서

, 당신의 버튼에 리스너를 추가 :

document.getElementById('your-button-id').addEventListener('click', document.getElementById('your-audio-id').play); 

// or, similar: 
document.getElementById('your-button-id').addEventListener('click', function() { 
    document.getElementById('your-audio-id').play(); 
}); 

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.