JavaScript 기능을 사용하여 웹사이트 방문자가 MP3를 재생할 수 있습니다.
다양한 방법으로 웹 페이지에 MP3 오디오 파일을 포함하고 재생할 수 있습니다. HTML의 더 이상 사용되지 않는 "embed" 태그, 다양한 Flash 플레이어 및 Java 기반 플레이어가 모두 예입니다. 스크립팅에 중점을 두고 타사 소프트웨어에 대한 의존도가 없는 HTML5 표준은 앞으로 웹 페이지에 MP3를 포함하고 재생할 수 있는 가장 호환 가능한 방법을 제공합니다. HTML5 "오디오" 개체와 함께 MP3 파일을 포함한 다음 JavaScript 기능을 사용하여 재생을 시작합니다.
1 단계
HTML 문서의 본문에 다음 코드를 추가합니다.
오늘의 비디오
이 코드는 MP3 파일을 포함하고 로드하지만 재생하지는 않습니다. "src" 태그의 값에는 MP3 파일의 경로와 파일 이름이 포함됩니다.
2 단계
HTML 문서의 "head" 태그 사이에 다음 JavaScript 코드를 추가합니다.
이 함수는 호출될 때 id("mp3")로 "audio" 요소에 액세스하고 play() 메서드를 사용하여 재생합니다.
3단계
웹 페이지에 버튼을 추가하여 사용자가 클릭할 때 "playMP3" 기능을 호출합니다. HTML 문서의 본문에 다음 코드를 추가합니다.
버튼에 다른 제목을 부여하려면 "값" 속성을 변경하십시오.
4단계
사용자가 파일을 시작한 후 일시 중지할 수 있도록 하려면 "playMP3" 대신 다음 기능을 사용하십시오.
function playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
이 함수의 이름과 일치하도록 3단계에서 "input" 태그의 "onClick" 속성을 변경합니다.
