▶─공부자료─◀/•― 태그공부방 →

홈페이지 배경음악 태그 넣는 방법

배낭여행(김학철) 2008. 8. 11. 23:30
홈페이지 배경음악 태그

<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>예) <embed src=http://img.yahoo.co.kr/blank.gif href="http://metoo1004.com.ne.kr/music/midi10.mid">http://metoo1004.com.ne.kr/music/midi10.mid">

<embed> 태그는 홈이 열리면서 배경음악이 흐르게 하는 태그로서 웹페이지에 직접 사운드나 동영상을 삽입할 수 있습니다. <embed> 태그는 플레쉬에서는 쇼크웨이브를 가동 시키기 위해 쓰이고 html 문서에서는 외부파일을 불러올때 그러니까 미디어 플레이어 같은 것을 가동시켜 사운드 연결시키는데 쓰입니다. IMG 태그와 마찬가지로 embed 태그에도 삽입되는 문서,또는 응용프로그램의 URL을 가리키는 src 속성과, width(가로) 와 height(세로) 그리고 align(위치:왼쪽 , 오른쪽) 속성이 포함 됩니다. 예를 들면
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif height=45 width=100 align="right"> 재생기가 오른쪽에 나타나고
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif height=45 width=100 align="left"> 재생기가 왼쪽에 나타납니다.
width, height 속성을 따로 지정하지 않으면 본래의 크기로 나타나납니다


뮤직비디오음악
실행되면서 미디어에[버퍼링] [재생중] [재생시간] 바 나타나게하기 
 showstatusbar="1"
예) <embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" width="500" height="400" showstatusbar="1">
width=가로(미디어 폭) height=세로(미디어 높이)

 

뮤직비디오음악 미디어 재생 버퍼링창 몽땅 없애기  showcontrols="0"
예) <embed src=http://img.yahoo.co.kr/blank.gif href="http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" target=_blank>http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" width="500" height="400" vspace="0" hspace="0"  showcontrols="0">
 


미디어 재생기를 숨기려면
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>
http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" hidden="true" autostart="true" loop="1">
hidden 속성을 true 로 지정해 주면 미디어 재생기가 감춰집니다. autostart=true 는 자동으로 음악이 흐르게 하는 속성 입니다. 그러나 autostart=true 속성을 쓰지 않아도 음악이 시작되면 자동으로 미디어가 실행이 됩니다 반복재생이나 무한 반복은 loop
속성에서 결정이 나게 됩니다  loop 속성에는 반복할 횟수를 적어주는데. loop=1 이라고써도 무한반복이 됩니다 요즘 미디어는 업데이트 되어 새 기능이 추가  되었는지 1뿐 아니라 어떤 숫자를 써도 계속재생이 되더군요 무한반복 (계속재생)하고 싶으면 loop=true 또는 loop=-1 또는 loop=1 로 지정을 해줍니다.  아예 loop 속성을 쓰지 않으면 한번만 재생이 됩니다.
embed 태그는 어떠한 형태의 파일도 웹 페이지로 바로 포함시킬 수 있습니다 또한 음악을 실시간으로 재생 시켜주기 때문에 배경음악보다는 대화방에서 많이 사용됩니다. 웹페이지 문서의 아무곳이나 삽입합니다.


페이지가 열리면서 자동으로 음악이나 뮤직 비디오가 시작되게 하려면  autostart="true"  
예)
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>
http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" autostart="true">
 autostart="true" 속성을 쓰지 않아도 실행은  됩니다

자동으로 시작되지 않고 재생버튼을 눌러야만 실행되게 하려면  autostart="false"
예) <embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>
http://mdsvr4.imufe.com/oldkong/0305/jadu_200305_04.wma" autostart="false">
재생버튼을 눌러야만 실행이 되게 하려면 반드시  autostart="false" 를 써주어야 합니다
 


<[안내]태그제한으로등록되지않습니다-bgsound src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif><[안내]태그제한으로등록되지않습니다-bgsound src=http://img.yahoo.co.kr/blank.gif href="http://metoo1004.com.ne.kr/music/midi09.mid">http://metoo1004.com.ne.kr/music/midi09.mid" loop="infinite">

[안내]태그제한으로등록되지않습니다-bgsound 는 익스플로러 전용 태그로서 embed 태그와 달리 미디어 재생기가 나타나지 않고 주로 홈페이지의 배경음악에 사용되는 태그입니다. [안내]태그제한으로등록되지않습니다-bgsound 태그는 실시간으로 재생되는 것이 아니고 일단 음악파일을 다 다운로드 받은 다음 재생 시키는 거라서 용량이 작은 mid 파일을 많이 사용합니다. asf, wav, mp3 도 사용이 가능하긴 하지만 용량이 크고 로딩시간이 오래 걸리는게 단점입니다. 그러나 음질은 mid 보다 좋습니다. 가사없이 멜로디만 나오는 mid 파의 최고 장점은 용량이 작고 좋은 음악을 선택할 수 있다는 것입니다. 미디음악은 문서의 아무곳이나 삽입하면 됩니다 [안내]태그제한으로등록되지않습니다-bgsound 태그로 mid, asf, wav, mp3 등의 음악 파일을 재생할 수 있지만 asx 는 재생이 불가능 합니다. 무한반복 재생 옵션은 loop=infinite를 추가하시면 됩니다.


링크된곳의 음악주소 알아내기

음악주소를 아는 방법은 글씨로 링크된 곳의 등록정보를 보면 되는데 어떤것은 이미지를 사용하여 링크를 시키는 경우가 있기 때문에 등록정보를 보게되면 이미지 주소가 나옵니다. 그럴때는 마우스를 링크된 이미지에 살짝올려놓으세요 그러면 상태줄에 음악 주소가 나오는데 그때 따로 적어서 사용 하시면 됩니다. 그러나 스크립트를 사용해서 상태줄에 글씨가 지나다니는 홈페이지 가 많이 있는데 그런경우 주소를 볼수가 없겠죠 그럴때는 옵션방어를 해서 다시 링크된 곳에 마우스를 올려놓으면 주소를 알 수가 있습니다


옵션방어 하는 방법
브라우져의 메뉴 표시줄에 도구메뉴→인터넷 옵션→보안탭클릭 →아래쪽에 사용자정의 수준클릭→보안설정→java 허용안함 체크 →Active스크립트 사용안함 체크 →java 스크립트 허용안함 체크 →확인클릭

링크된곳에서 자신의 컴퓨터에 음악 다운로드하기

인터넷에서 음악주소가 링크되는곳에 마우스를 올려놓고 오른쪽 단추를 누릅니다 메뉴상자 에서 다른이름으로 대상저장을 클릭하고 파일다운로드 상자가뜨면 확인을 누르고 경로지정(폴더를 지정하거나 새로만듬) 해 준다음 저장을 클릭합니다 탐색기를 열고 다운로드받은 음악 파일을 클릭하면 음악을 들을수 있습니다


대화방이나 계시판에 미디어띄우기
<embed> 태그를 사용해서 아래와 같이 주소를 복사해서 올리면 됩니다
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>
http://mdsvr2.imufe.com/oldkong/ba/박강성 Best 2002 CD2-07 다시 만나는 그날까지.wma">박강성 다시 만나는 그날까지

계시판이나 대화방에 미디어뜨지 않고 음악만 흐르게 하는 태그
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>http://mdsvr2.imufe.com/oldkong/ba/박강성 Best 2002 CD2-07 다시 만나는 그날까지.wma" autostart="true" hidden="true">
위의 속성중에서 src는 음악파일경로 autostart 는 문서가 로드될때 자동으로 실행하기 hidden은 플레이어 숨기기 입니다.그밖에도 volum=음량 속성이 있습니다

대화방이나 계시판에 뮤직비디오 올리기
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>

음악파일 다운로드

링크태그<a href="음악주소">노래이름</a>를 쓰면 됩니다. 사용방법은 다음과 같습니다
<a href="
http://metoo1004.com.ne.kr/music/대장금 OST.mp3">대장금 OST</a>
클릭해서 실행해 보세요 ☞
대장금 OST

다른 사이트의 음악주소를 [태그 연습장]이나 [메모장]에 위와같이 입력한다음 브라우저로  열어보면 링크가 생깁니다  그 링크를 클릭해서(태그연습장은 입력창에 쓴다음 결과보기를 누르면 되고 메모장은 소스를 위와 같이 입력한 다음 html로 저장해서 링크를 클릭하거나 링크에 마우스 오른쪽 버튼을 누르고 [다른 이름으로 대상저장]을 선택) 내컴퓨터로 다운로드 받거나 들을 수 있습니다


파일확장자가 ra 나 ram 인 음악을 embed 태그로 실행시키기
<embed src=http://img.yahoo.co.kr/blank.gif href="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif type="audio/x-pn-realaudio-plugin" hidden="true" autostart="true" loop="true">
embed 태그의 맨뒤에 type="audio/x-pn-realaudio-plugin" 만 추가해주면 되는데 컴퓨터에 리얼 플레이어가 설치되어 있어야 실행이 됩니다.