개별 웹 마스터에게는 웹 사이트를 독특하고 개성으로 가득 채우는 방법이 항상 끊임없는 노력의 목표였습니다. 페이지의 시각적 효과와 대화식 기능을 개선하는 것 외에도 웹 페이지를 열면서 아름답고 움직이는 음악을들을 수 있다면 웹 사이트에 많은 색상이 추가 될 것이라고 생각합니다.
1. 음악 파일을 추가하는 법을 배우십시오
웹 페이지에 배경 음악을 추가하는 두 가지 방법이 있습니다. 첫 번째는 일반 <bgsound> 태그를 통해 추가하는 것이고 다른 하나는 <embed> 태그를 통해 추가하는 것입니다.
(i) <bgsound> 태그를 사용하십시오
DreamWeaver를 사용하여 배경 음악을 추가 해야하는 페이지를 열고 코드를 클릭하여 코드 편집보기를 열고 <body> </body> 사이에 입력하고 팝업 코드 프롬프트 상자에서 bgsound를 선택하십시오 (그림 1).
DreamWeaver는 자동으로 <bgsound 코드를 입력하고 우주 막대를 누릅니다. 코드 프롬프트 박스는 선택할 수 있도록 BGSound 태그의 속성을 자동으로 나열합니다. BGSound 태그에는 균형이 음악의 왼쪽 및 오른쪽 균형을 설정하는 데 5 가지 속성이 있습니다. 지연은 재생 지연을 설정하고 루프는 루프 수를 제어하는 것입니다. SRC는 음악 파일의 경로이며 볼륨 설정입니다. 일반적으로 배경 음악을 추가 할 때 왼쪽과 오른쪽의 균형을 잡고 음악을 지연시킬 필요가 없으므로 몇 가지 주요 매개 변수 만 필요합니다. 최종 코드는 다음과 같습니다.
<bgsound src = music.mid loop = -1>
그중에서도 루프 = -1은 음악이 무한히 연주됨을 의미합니다. 플레이 수를 설정하려면 해당 숫자로 변경하십시오.
배경 음악을 추가하는이 방법은 가장 기본적인 방법이며 가장 일반적으로 사용되는 방법입니다. 배경 음악 형식은 WAV, Mid, MP3 등과 같은 대부분의 주류 음악 형식을 지원합니다. 인터넷 속도가 낮은 시청자를 고려하려면 중간 음향 효과를 웹 페이지의 배경 음악으로 사용할 수 있으므로 중간 음악 파일이 작기 때문에 웹 페이지를 열 때 빨리로드 및 재생할 수 있습니다. 그러나 중간에는 단점이 있습니다. 그것은 좋은 조화와 가사없이 음악의 멜로디 만 저장할 수 있습니다. 인터넷 속도가 빠르거나 미드 음악이 약간 단조로운 느낌이 들면 MP3 음악을 추가 할 수도 있습니다. 위 코드의 Happy.mid를 Happy.mp3로 변경하십시오.
팁 : DreamWeaver보다 프론트 페이지에 배경 음악을 추가하는 것이 비교적 편리합니다. 백그라운드 대화 상자에서 관련 설정 만하십시오 (그림 2).
(ii) <ement> 태그를 사용하십시오
<embed> 태그를 사용하여 음악을 추가하는 방법은 그다지 일반적이지 않지만 매우 강력합니다. 재생 컨트롤을 결합하면 웹 플레이어를 만들 수 있습니다.
사용은 기본적으로 첫 번째 단계의 코드 프롬프트 상자에서 GBSound를 선택하지 않고 ENMED를 선택한다는 점을 제외하고는 기본적으로 첫 번째 것과 동일합니다. 그런 다음 해당 설정에 대한 속성을 선택하십시오 (그림 3). 그림에서, 임베의 특성은 GBSound의 5 가지 특성보다 훨씬 많음을 알 수 있습니다. 최종 코드는 다음과 같습니다. <embed src = music.mp3 autostart = true loop = true hidden = true> </embed>.
AutostArt는 페이지를 열 때 음악이 자동으로 재생되는지 여부를 설정하는 데 사용되며 Hidden은 미디어 플레이어가 숨겨져 있는지 여부를 설정합니다. ENMED는 실제로 웹 페이지 음악 플레이어와 유사하기 때문에 숨겨져 있지 않으면 시스템의 기본 미디어 플러그인이 표시됩니다.
이 두 가지 방법의 경우 저자는 두 가지 장점과 단점이 있다고 생각합니다. 첫 번째 방법은 페이지가 열릴 때 음악을 재생하고 페이지가 최소화되면 음악이 자동으로 일시 중지됩니다. 두 번째 방법이 사용되면 발생하지 않습니다. 창문이 닫히지 않는 한 계속 연주합니다. 따라서 모든 사람이 신청 과정에서 자신의 상황에 따라 음악을 추가하는 방법을 선택하기를 바랍니다.
웹 음악을 추가하는 간단한 방법을 배운 후에는 인터페이스와 기능에 약간의 노력을 기울여야합니다. 우리는 "웹 음악 플레이어"를 사용하여 세련된 음악 플레이어를 만들 수 있습니다.
2. 세련된 음악 연주자를 만듭니다 웹 음악을 추가하는 간단한 방법을 배운 후에는 인터페이스와 기능에 약간의 노력을 기울여야합니다. 우리는 "웹 음악 플레이어"를 사용하여 세련된 음악 플레이어를 만들 수 있습니다.팁 : "웹 음악 플레이어"는 웹 플러그인입니다. 생성 된 페이지를 실행 한 후 시스템 자체의 Windows Media Player를 호출하여 사전 설정된 MP3 노래를 재생합니다.
(i) 간단한 설정
먼저 재생 플러그인을 다운로드하십시오 (다운로드 주소 : https://www.vevb.com/jiaoben/32793.html)를 압축하고 디렉토리를 입력하십시오. Music.htm은 홈페이지에로드하려는 재생 바 페이지입니다. List.htm은 뷰어가 재생 목록을 보는 데 사용하는 팝업 페이지입니다. JS 폴더에는 여러 재생 제어 파일이 포함되어 있으며 IMG에는 재생 인터페이스의 일부 사진 파일입니다.
웹 편집 소프트웨어를 사용하여 Music.htm을 열고 다음 코드를 찾으십시오.
<스크립트 언어 = javaScript>
var blnautostart = true
var blnrndplay = false
var blnstatusbar = false
var blnshowvolctrl = true
var blnshowplist = true
var blnusesmi = false
var blnlooptrk = true
var blnshowmminfo = false
</스크립트>
여기서 플레이어를위한 기본 설정을 만들 수 있습니다. 위의 문장의 의미는 다음과 같습니다. 자동 재생 여부, 순차적으로 재생 될지, 상태 표시 줄 표시 여부, 음향 제어 상태 표시 여부, 재생 목록 표시 허용 여부, SMI 모드 사용 여부, 재생 루프 및 노래 정보 표시 여부. 당신은 당신의 필요에 따라 그것들을 설정할 수 있습니다. 여기서 true는 yes이고 거짓은 아니오입니다. 또한 재생 바를보다 개인화하기 위해 Music.htm 코드에서 <marquee> .... </marquee> 문을 찾아 홈페이지 이름을 자신의 홈페이지 이름으로 수정할 수도 있습니다.
(ii) 재생 목록을 추가하십시오
JS 폴더에서 재생 목록 파일 bglist.js를 열면 좋아하는 노래를 목록에 추가 할 수 있습니다. 특정 추가 형식은 Mklist 노래 경로 노래 설명입니다. 여기서 노래 경로는 호스트에 업로드 한 로컬 주소가 될 수 있거나 네트워크에서 MP3 주소를 지정할 수 있습니다. 노래 설명은 가수와 노래의 이름 일 수있는 Playbar에 스크롤하는 데 사용됩니다. 예를 들어, Jay Chou의 "Tornado"를 추가하려면 먼저 인터넷에서 실시간으로 재생할 수있는 링크 주소를 찾은 다음 목록에 추가합니다 : mklist http://202.102.43.37/hy/yinyue/jay chou/09.mp3 Jay Chou-Tornado.
팁 : 홈페이지 음악을 끊임없이 듣고 지속적으로 새롭게 유지하기 위해 재생 목록을 한 번에 업데이트 할 수 있습니다.
(iii) 플레이어를 설치하십시오
홈페이지 링크가 노래 재생의 연속성에 영향을 미치는 것을 막기 위해서는 홈페이지에 프레임 형식의 재생 페이지 music.htm을 설치해야합니다.
FrontPage 2003을 예로 들어, 새로운 → 다른 웹 템플릿을 수행하여 웹 템플릿 창을 팝업하고 프레임 웹 페이지 → 바닥 글을 선택한 다음 상단 프레임의 초기 웹 페이지를 홈페이지를 가리 키게 한 다음 하단 프레임을 Music.htm으로 설정 한 다음 프레임 속성의 프레임 테두리를 제거하고 (그림 4). 프레임 높이는 플레이 바의 높이를 수용하기에 충분합니다. 미리보기에 만족하면 페이지를 저장하고 웹 사이트를이 새 페이지로 가리킬 수 있습니다.