HTML5 <audio>이 재생되기 시작하면 이미지를 표시하십시오.

Question

배경 음악 및 단일 이미지가있는 웹 사이트가 있습니다. 음악이 시작될 때까지 이미지를 숨기고 오디오가 자동 재생을 시작할 때까지 메시지를로드해야합니다. 제발 도와주세요 :)

Answer 1

this answer에서 스크립트를보십시오. 분명히 'canplaythrough'에 첨부 된 기능을 필요에 맞게 변경해야합니다. 예 : 같은 것을 추가 :

$("#imageID").css("display", "block"); 

Answer 2

CSS를 통해 숨겨진 첫 번째 이미지. jQuery를 사용하여 이벤트 처리기에서 이미지를 볼 수 을 동적으로 존중하고 할 이벤트를 잡을, 자바 스크립트 코드에서 다음

https://developer.mozilla.org/en-US/docs/DOM/Media_events

:

당신은 자바 스크립트 이벤트 <audio> 요소가 발사됩니다 듣고 필요 .show 또는 유사한 DOM 요소 스타일 조작 :

http://api.jquery.com/show/