홈페이지 배경음악 구현방법_HTML/Xhtml_웹페이지 제작

개별 웹마스터에게는 자신의 웹사이트를 독특하고 개성 넘치는 방법으로 만드는 것이 항상 끊임없는 노력의 목표였습니다. 페이지의 시각적 효과와 인터랙티브 기능을 최대한 향상시키는 것은 물론, 웹 페이지를 열 때 아름답고 감동적인 음악을 들을 수 있다면 귀하의 웹 사이트가 더욱 다채로워질 것이라고 믿습니다.

　1. 음악 파일 추가 방법 알아보기

웹 페이지에 배경 음악을 추가하는 방법은 일반적으로 두 가지가 있습니다. 첫 번째는 일반적인 < bgsound> 태그를 사용하고, 다른 하나는 태그를 통해 추가하는 것입니다.

　 (1) 태그 사용

Dreamweaver를 사용하여 배경 음악을 추가해야 하는 페이지를 열고 "코드"를 클릭하여 코드를 엽니다. 편집 보기를 클릭하고 사이에 "<"를 입력하고 팝업 코드 프롬프트 상자에서 bgsound를 선택합니다(그림 1).

Dreamweaver는 자동으로 "
　

　그 중 loop="-1"은 음악이 무한 루프로 재생됩니다. 재생 횟수를 설정하려면 해당 숫자로 변경하면 됩니다.

이 배경음악 추가 방법은 가장 기본적인 방법이자 가장 일반적으로 사용되는 방법입니다. 배경음악 형식은 WAV, MID, MP3 등 현재 주류 음악 형식을 대부분 지원합니다. 인터넷 속도가 느린 브라우저를 고려하려는 경우 MID 사운드 효과를 웹 페이지의 배경 음악으로 사용할 수 있습니다. MID 음악 파일은 크기가 작기 때문에 웹 페이지를 열 때 빠르게 로드하고 재생할 수 있습니다. 또한 음악의 멜로디만 저장할 수 있을 뿐, 좋은 하모니나 가사가 없다는 단점도 있습니다. 인터넷 속도가 빠르거나 MID 음악이 다소 단조롭다고 생각되면 MP3 음악을 추가할 수도 있습니다. 위 코드의 happy.mid를 happy.mp3로 변경하면 됩니다.

팁: FrontPage에 배경 음악을 추가하는 것이 Dreamweaver보다 더 편리합니다. "배경" 대화 상자에서 관련 설정을 지정하기만 하면 됩니다(그림 2).

　 (2) 태그 사용

태그를 사용하여 음악을 추가하는 방법은 흔하지 않지만 그 기능은 매우 강력합니다. 일부 재생 컨트롤과 결합하면 웹 플레이어를 만들 수 있습니다.

코드 프롬프트 상자의 첫 번째 단계에서 gbsound를 선택하지 않고 대신 embed를 선택한다는 점을 제외하면 사용 방법은 기본적으로 첫 번째 방법과 동일합니다. 그런 다음 해당 속성을 선택하고 적절하게 설정합니다(그림 3). Embed에는 gbsound의 5개 속성보다 더 많은 속성이 있음을 그림에서 볼 수 있습니다. 최종 코드는 다음과 같습니다: