웹페이지에 배경 음악을 삽입하려면 HTML의 <bgsound> 태그를 사용할 수 있습니다. 다만 이 태그는 인터넷 익스플로러(IE) 전용으로 만들어진 것이며, 현재는 폐기(deprecated)된 비표준 요소라는 점을 반드시 기억해야 합니다.
따라서 최신 브라우저 환경에서는 <audio> 태그나 JavaScript 오디오 API를 사용하는 것이 권장되지만, 레거시 코드를 이해하거나 IE 기반 환경을 유지보수해야 하는 경우에는 아래 예제가 유용합니다.
기본 사용 예제
다음 코드를 실행하면 페이지가 열릴 때 지정한 사운드 파일이 자동으로 배경에서 재생됩니다.
<!DOCTYPE html> <html> <head> <title>HTML bgsound Tag</title> </head> <body> <bgsound src = "/html/yourfile.mdi"/> <p>배경에서 사운드 파일을 재생합니다.</p> </body> </html>
<bgsound> 태그의 주요 속성
<bgsound> 태그는 아래와 같은 속성을 지원합니다.
| 속성 | 값 | 설명 |
|---|---|---|
loop | 숫자(number) | 배경 음악을 지정한 횟수만큼 반복 재생합니다. 무한 반복을 원하는 경우 -1 또는 infinite 값을 사용할 수 있습니다. |
src | URL | 재생할 사운드 파일의 경로를 지정합니다. |
최신 대안: <audio> 태그 활용하기
크로스 브라우저 호환성이 중요한 프로젝트라면 HTML5의 <audio> 태그를 사용하는 것이 좋습니다. 다음은 배경 음악을 자동·반복 재생하는 예제입니다.
<audio src="/html/yourfile.mp3" autoplay loop> 브라우저가 audio 태그를 지원하지 않습니다. </audio>
<audio> 태그는 Chrome, Firefox, Safari, Edge 등 모든 주요 브라우저에서 일관되게 작동하며, 별도의 플러그인 없이 오디오를 제어할 수 있는 강력한 API도 함께 제공됩니다. 새로운 웹페이지를 개발할 때는 <bgsound> 대신 반드시 <audio> 태그를 사용하세요.