HTML5에서 오디오 미리로드하는 데 시간이 걸립니다

Question

내 website (위, 아래, 아래, 왼쪽, 오른쪽, 왼쪽, 오른쪽, b, a)에서 Konami 코드를 실행하면 스타 워즈 크롤링 화면이 나타납니다.

모든 것이 제대로 작동하지만 음악이 (매우 중요한) 로고 모양과 동기화되지 않습니다. 여기에 내 오디오 파일을로드하는 방법은 다음과 같습니다

<audio preload="auto" autoplay> 
    <source src="https://s.cdpn.io/1202/Star_Wars_original_opening_crawl_1977.ogg" type="audio/ogg" /> 
    <source src="https://s.cdpn.io/1202/Star_Wars_original_opening_crawl_1977.mp3" type="audio/mpeg" /> 
</audio> 

을 그리고 여기에 내가 (인트로 구문 후) 내 로고 모양을 시간이 방법은 다음과 같습니다

.logo 
    animation: logo 9s ease-out 9s 

(그것은 다음 keyframes로 조정됩니다) 오디오는 모든 것을 폐허로 만드는 것을로드하는 데 약간의 시간이 걸립니다. 어떻게이 문제를 해결할 수 있습니까? 오디오 파일이 로컬 일 경우 도움이 될까요?

Answer 1

음악을 로컬에서 매우 효율적으로로드하는 것처럼 대답을 얻은 것 같습니다.

<audio preload="auto" autoplay> 
    <source src="./../../assets/audio/Star_Wars_original_opening_crawl_1977.mp3" type="audio/mpeg"> 
</audio>