웹페이지에 음악 넣는 방법


인터넷에서 보여지는 웹페이지에 음악을 넣고자 할때 [embed ~ /embed] 태그를 씁니다.
지금부터 <embed>~</embed> 태그의 속성을 하나하나 알아보기로 하겠습니다.

아래의 미디어로 흐르는 노래는 현재 보여지는 웹문서에 [embed ~ /embed]
태그를 삽입하여 재생시켜준 경우입니다.


<서영은 - 눈의꽃 "미안하다 사랑한다OST">

위의 윈도우미디어에 삽입된 소스를 살펴보자면 (기본적인 음악태그)

<embed src=음악파일이름.asf width=300 height=45 loop=true
hidden=false autostart=true > </embed>


src 음악파일이름.asf 재생될음악파일의 이름과 확장명(asf)
width 300 미디어 재생기 넓이 300픽셀
height 45 미디어 재생기 길이 45픽셀
loop true

true = 연속재생 true = false 한번재생

횟수를 지정하기 위해선 false = 10 (10번재생)

controller true 아래컨트롤 보여줌 false = 보이지않음
autostart true 문서가열릴때 자동재생 false = 실행않함
hidden true 재생기를 숨김 false = 보임

위에서 둘러본 속성과 같이 웹페이지가 보여질때 재생기를 보이지 않고 배경음악이
한번만 재생되게 할경우 아래와 같은 소스로 적용시켜주면 됩니다.

<embed src=음악파일이름.asf width=100 height=100 loop=1
hidden=true autostart=true > </embed>

loop=1 / 배경음악이 한번 실행후 자동 종료
hidden=true / 미디어 재생기를 보여주지 않음


자동재생 음악올리기 태그

 복사해요

<OBJECT id=Player type=audio/x-pn-realaudio-plugin style="FILTER: gray()"
width=200 height=45 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 125>
<PARAM NAME="URL" VALUE="  음악주소 ">
<PARAM name="autoStart" value="true">
<param name="volume" value="100">
<PARAM NAME="playCount" VALUE="8">            
</object>

 빨강 숫자를 변경하면 풀레이바 크기가 변경됨

 

 

<OBJECT id=Player type=audio/x-pn-realaudio-plugin style="FILTER: gray()"
width=60 height=33 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 125>
<PARAM NAME="URL" VALUE="http://mfiles.naver.net/9d49a97c673b51e2c1a1/data44/2009/2/26/84/01-sy0302.wma?type=attachment">
<PARAM name="autoStart" value="true">
<param name="volume" value="100">
<PARAM NAME="playCount" VALUE="8">           
</object>

 

높이 33 너비 60 으로 하니 이런 플레이어가 생성..

 

 

-메일에 음악 보내거나 블로그에 음악 올리기

1. 먼저 보내고자 하는 음악파일 (mp3파일)을 wma파일로 변환하여 2메가바이트 이하로 용량을 줄어야 합니다.

그러기 위해서는 먼저 변환해주는 프로그램이 있어야하겠지요?

 

내컴퓨터- 로컬디스크 C - Program Files - Window Media components폴더 - Encoder폴더 - WMEnc.exe 클릭

 

what do you want to do?

라는 물음에 세가지를 선택하라는게 나올겁니다

그중 맨 첫번째 동그라미(Broadcast, capture of convert a file using 어쩌구) 클릭

 

다음누른후에

또 질문이 나옵니다.. 그 질문의 답은

세번째 Convert an audio or video file 어쩌구 클릭..

 

다음클릭

 

File to convert 라는 글씨 아래에 네모칸 안에 Browse...(위치) 클릭후

변환하고자(올리고자) 하는 음악을 선택하세요 (mp3 파일)

 

그러면 아래칸에 자동으로 뭔가 써질겁니다

다른위치에 저장하고 싶으시다면 아래에 있는 Browse..클릭후 위치지정하세요.

 

다음 클릭

음질을 선택하라는 칸이 나옵니다

역삼각형을 선택후에 음질을 선택하는데..

 

CD품질 오디오 (96kb) 나 CD품질에 가까운 오디오 (64kb) 둘중 하나를 선택하세요.

음악이 좀 길다 싶음 CD품질에 가까운 오디오 선택

별로 길지 않다 싶음 CD품질 오디오 선택

 

다음 클릭

 Title 에는 제목을 Author 에는 가수 이름을 쓰시고

아래 빈칸은 아무거나 채우세요. 저는 그냥 1 이라고 씀..

 

다음 클릭후 마침 클릭하면

변환이 된답니다.. ^^ (2메가 이하인 음악파일이 생성되었답니다.)

 

참고로 새롭게 생성된 이 음악파일의 이름은 될수있는대로 짧게 고치시는게 좋답니다.

음악파일의 이름은 한글이 들어가지 않는게 좋구요. 저같은 경우는 그냥 숫자.wma로 고칩니다.

 

또다른 음악태그소스들 입니다.

<EMBED invokeURLs=false autostart=true style="FILTER: gray alpha(opacity=100,style=2,finishopacity=0); WIDTH: 80px; HEIGHT: 25px"

 

src="음악 주소"

 

width=300 height=45 type=octet-stream EnableContextMenu="false" allowNetworking="internal"                     allowScriptAccess="never" invokeURLs="false" autostart="false"></DIV>

 

 이런 모양이에요..
 
<DIV align="center"><EMBED invokeURLs=false style="FILTER: alpha(style=2, opacity=100, finishopacity=0) xray()" src=음악주소 width=70 height=25 type=video/x-ms-asf AUTOSTART="1" loop="1" volume="0" enablecontextmenu="0"></DIV>
이런모양..
 
<DIV align="center"><EMBED invokeURLs=false style="FILTER: alpha(style=2, opacity=100, finishopacity=0)" src=음악주소 width=70 height=25 type=video/x-ms-asf AUTOSTART="1" loop="1" volume="0" enablecontextmenu="0"></DIV>
 
 
 

 <DIV align="center"><EMBED invokeURLs=false style="BORDER-RIGHT: #cecece 1px ridge; BORDER-TOP: #cecece 1px ridge; FILTER: xray(); LEFT: 15px; BORDER-LEFT: #cecece 1px ridge; WIDTH: 300px; BORDER-BOTTOM: #cecece 1px ridge; TOP: 10px; HEIGHT: 26px" src=음악주소 width=300 height=26 type=audio/x-ms-wma FILTER: xray(); WIDTH: 300px; HEIGHT: 26px loop="1" volume="0" autostart="true" enablecontextmenu="0"></DIV>

 

 

<DIV align="center"><EMBED invokeURLs=false style="BORDER-RIGHT: #cecece 1px ridge; BORDER-TOP: #cecece 1px ridge; FILTER: gray(); LEFT: 15px; BORDER-LEFT: #cecece 1px ridge; WIDTH: 300px; BORDER-BOTTOM: #cecece 1px ridge; TOP: 10px; HEIGHT: 45px" src=음악주소 width=300 height=45 type=video/x-ms-asf FILTER: gray; LEFT: 15px; WIDTH: 300px; TOP: 10px; HEIGHT: 45px enablecontextmenu="0" volume="0" loop="1" AUTOSTART="1"></DIV>

 

소스에 따라 다양한 형태의 플레이어가 생성되는 것을 볼 수 있네요.

by Hosop | 2008/06/17 03:10 | Useful Information | 트랙백(3) | 덧글(0)
트랙백 주소 : http://hosop.egloos.com/tb/478811
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from Casino slots.. at 2008/12/13 22:06

제목 : Casino slot machines www.cas..
Casino slot machines www.casino-slot-machine.net. Best online slots www.casino-slot-machine.net....more

Tracked from Coach handba.. at 2010/03/16 14:50

제목 : Televisions with cable card ..
Old video card slots. Lcd tvs that have memory card slots. Video card slots. Coach handbag with credit card slots....more

Tracked from Lost bet nak.. at 2010/10/08 16:13

제목 : I bet you will.
Bet awards. Bet soundstage reviews. Bet hip hop awards. Bet music. Bet....more

:         :

:

비공개 덧글