사용자가 탐색할 때 즐길 수 있도록 웹사이트에 배경 음악을 추가합니다.
웹 페이지에 음악을 삽입하는 다양한 방법은 월드 와이드 웹 초기부터 대중화되었습니다. 특히 HTML, Java 기반 오디오 플레이어 및 Flash 기반 플레이어의 "embed" 태그는 모두 추가할 수 있는 옵션입니다. 웹 페이지에 배경 음악을 제공하지만 보편적으로 수용되거나 모든 브라우저와 완벽하게 호환되는 솔루션은 없습니다. 플랫폼. 최신 HTML5 표준에는 포함된 오디오 재생을 위해 특별히 정의된 "오디오" 태그가 포함됩니다.
1 단계
HTML 문서의 본문에 다음 코드를 추가하여 음악 파일을 포함하고 방문자가 웹사이트를 탐색할 때 자동으로 재생합니다.
오늘의 비디오
포함하려는 음악 파일의 경로와 파일 이름이 포함되도록 "src" 속성을 변경합니다.
2 단계
음악 파일을 계속해서 재생하려면 "loop" 속성을 추가하세요.
3단계
사용자의 브라우저가 여러 파일 형식을 선택할 수 있도록 하려면 "audio" 태그의 "src" 속성 대신 여러 "source" 태그를 사용하십시오.
이 예에서 사용자의 브라우저는 MP3 파일 또는 OGG 파일을 재생할지 여부를 결정합니다. 이 기술은 특정 오디오 형식만 재생할 수 있는 모바일 장치를 대상으로 하는 데 유용할 수 있습니다.
4단계
"audio" 태그 내에 "embed" 태그를 중첩하여 HTML5 지원이 없는 이전 브라우저에 대한 지원을 제공합니다. "embed" 태그의 사용은 더 이상 사용되지 않습니다(즉, 더 이상 공식적으로 지원됨), 따라서 사용자가 오래된 웹을 사용할 것으로 의심되는 경우에만 이 기술을 실험해 보십시오. 브라우저. 다음은 예입니다.
팁
사용자가 음악을 중지하고 볼륨을 변경할 수 있도록 "controls" 속성을 "audio" 태그에 추가하는 것을 고려하십시오. 또한 이 브라우저 동작에 대한 합당한 이유가 없는 한 "자동 재생" 속성을 사용하지 않는 것이 좋습니다. 많은 사용자가 허락 없이 예기치 않게 재생되는 포함된 배경 음악을 성가시게 여기고 즉시 웹사이트를 떠납니다.
