THML/♣♣ html ♣♣

12.아름다운 글 올리는 방법(음악과 동영상 )

동네 사람들(통하니) 2009. 2. 13. 20:46
아름다운글 올리는 방법 12 신
안녕 하세요.
오늘은 배경 음악과 동영상 올리는법에 대하여 알아 보겠습니다.

* 멀티미디어란?
- 멀티미디어는 여러 매체가 혼합된 형태의 커뮤니케이션입니다.
우리에게 멀티미디어 개념을 갖게 해준 것은 CD-ROM의 출현부터라고 합니다.
1980년 중반부터 CD-ROM과 CD-ROM타이틀의 발전과 함께 멀티미디어도 폭넓게
성장하였다. 예전의 멀티미디어란 홈페이지에 사운드나 동영상을 넣는 것이 전부였지만,
지금은 많은 플러그인 형태의 멀티미디어가 소개되고 있습니다.

우선 음악의 종류가 어떤것이 있는지 알아 보겠습니다
.mid, .midi (미디파일)
mid 는Musical Instrument Digital Interface로 mid파일 포맷은 국제 미디 제조업 협회(International MIDI Manufacturers Association)에서 개발하였고, 음악 표기를 전자적으로 교환 가능하게 하는 프로토콜입니다. 샘플 크기는 없으며, 음질은 각 사용자의 컴퓨터내에 부착된 사운드 카드성능에 크게 의존합니다.

② .ra, .ram 파일
리얼플레이어(realplayer)를 이용해서 음악을 듣는 파일입니다. 리얼플레이어 없이는 재생이 되질않습니다. 음악을 불러오면 컴퓨터에 설치되어 있는 리얼플레이어가 작동되면서 음악이 나오게 됩니다. ra, ram 파일은 mid 파일과는 달리 가수의 목소리를 직접 들을 수 있고 용량도 mp3 파일보다 적습니다.(약 1/4 수준) 하지만 음질이 상당히 떨어지고 전용선 사용자들에게는 전혀 무리가 가지 않는 대신 모뎀사용자들은 어느정도 무리가 있습니다. 

③ .wav 파일
윈도우에서 소리를 녹음하고 듣는데 기본적으로 사용하는 포맷입니다. 웨이브 채널을 사용하며, 윈도우 의 매체재생기와 연결되어 있습니다. 녹음할 음질에 따라 용량이 다르지만 CD 수준의 음질로 녹음할 경우 1분에 10MB 정도의 용량을 차지합니다

④ .aiff 파일
aiff(Audio Interchange File Format)는 매킨토시용으로 개발된 사운드포맷. 샘플 크기는 일반적으로 16bit 이지만, 32bit 까지 사용 가능합니다. 음질은 아주 좋습니다.

.au파일
가장 일반적인 파일맷입니다. SUN와 NeXT가 사용하는 파일포맷입니다. 샘플 크기는 8bit 입니다. 음질은 좋은 편입니다.

.snd파일
매킨토시 사운드 파일입니다. 성능면에서 .au 사운드 파일 포맷과 거의 같습니다. 샘플 크기는 8bit 입니다. 음질은 좋은 편입니다.

.asf, .asx파일
우선 asf 와 asx 의 차이점에 대해서 설명하겠습니다.
asf 는 동영상, 또는 음성 파일입니다. 즉, mpg, mp3, wav, rm 등과 같이 직접 영상이나 음성이 들어 있는 파일입니다. asf 와 가장 비슷한 형태는 rm 입니다. 인터넷상에서 스트리밍으로 데이터를 전송할 수 있는 형태이니까요.. 즉 다시 말하면 asf 는 이 파일 하나만으로도 영상이나, 음성을 볼 수 있습니다. asx 는 텍스트 파일입니다. 메모장에서 asx 파일을 열어 보실 수 도 있습니다. 동영상, 음성 파일이 아닙니다. asx 는 asf 의 위치, 주소, 기타 정보를 저장하고 있는 파일입니다. 실제 메모장에서 열어보면. asf 파일의 url 이나 하드상의 위치가 나와 있습니다. asx 파일은 혼자서는 존재의 의미가 없으며... asf 파일이 있어야만 합니다. 어떤 asf 파일이 있고, 그 파일의 위치를 나타내주는 것이 바로 asx 파일인 것입니다. windows media player 가 asx 파일을 읽어들여서 위치를 파악한 다음 그 위치의 asf 파일을 실행하는 것입니다.

mp3 / mp2
앞서 설명한 웨이브 파일은 음질을 높이면 파일 크기가 너무 커진다는 큰 단점이 있습니다. 예를 들어 4분짜리 노래를 CD에서 녹음할 경우 웨이브는 40MB 이상을 차지하게 되죠. mp3와 mp2는 동영상 규격인 MPEG에서 사운드 부분만을 구현한 것으로, 뛰어난 압축률을 자랑합니다. 특히 요즘 인기를 끌고 있는 mp3의 경우 웨이브의 11분의 1의 용량만으로 같은 음질의 소리를 구현할 수 있어, CD음악을 녹음하는데 많이 사용하고 있습니다.

음악 올리는법


1 . 우선 음악을 인터넷에서 찾아 봅니다.
     검색에 asx 나 asf 또는 mid를 넣으면 수많은 음악 사이트가 나옵니다
2 . 컴에  윈 미디어가 있어야해요.
    윈미디어 이외의것은 등록정보 보기가 어렵습니다
    없으신분은 윈미디어 홈에 가서 다운 받으세요 무료입니다
3 . 음악의 명령어는 대체로 세가지를 많이 사용합니다
    ① <embed src="음악주소">
    ② <bgsound src="음악주소">
    ③ <OBJECT WIDTH=수치 HEIGHT=수치 CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" 
        codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
        cab#Version=6,4,05,0809" Standby="Loading Microsoft Windows Media Player components..." 
        type="application/x-oleobject" VIEWASTEXT> 
      <PARAM NAME="FileName" VALUE="음악 주소"> 
      </OBJECT>
      여기서 embed 는 넷스케이프용 태그이고 bgsound 는 익스플로러용 태그 입니다. 
      두가지를 다 써넣어야 두 브라우저 모두에서 음악을 들을 수 있습니다 
예를 보면서 설명 하겠습니다. 음악 사이트나 음악을 올려놓은 게시판에 보면 아래와 같은 미디어 플레이어가 음악을 재생하고 있는것을 볼수 있을 것입니다.



지금 이 미디어 플레이어에 오른쪽 마우스를 클릭해보세요. 위의 그림과 같이 메뉴가 나타 나죠? 여기서 등록정보를 클릭하세요. 그럼 아래 그림과 같은 등록정보가 나옵니다. 위의 그림중 http://myhome.hanafos.com/~dimmerm/music/adagio.asf 가 음악 주소 입니다. 위의주소를 embed 또는 bgsound 를 사용하여 게시판에 올리면 음악이 나옵니다. 완성된 소스는 이렇게 되겠죠.
<embed src="http://myhome.hanafos.com/~dimmerm/music/adagio.asf" loop="1" width=280 height=45>
음악 명령어의 속성에 대하여 알아보겠습니다.
1. autostart="true"  문서가 뜨는 동시에 음악이 연주되라는 명령어
2. hidden="true" 는 뮤직박스를 숨기라는 명령어 
3. hidden="false" 는 뮤직박스를 나타내라는 명령어
   (사실 이명령어는 뮤직박스를 숨길때만 필요하죠 넣지 안아도 기본적으로 보이도록 되어있읍니다)
4. loop="infinite" 는 음악을 무한히 계속 반복하라는 명령어
   loop="1" 이면 음악이 한곡만 나오고 멈추지요
   loop="2" 면 당연히 두번 연주 되겠죠
   loop="-1" 이렇게 해도 음악을 무한 반복 합니다
5. volume=" 원하는 수" 를 넣으면 음악의 볼륨을 조절할수 있읍니다
   volume="30"정도면 아주 적게 들리고
   volume="70"이면 보통
6. width="수치" 미디어 플레이어의 가로 크기를 지정 합니다.
7. height="수치" 미디어 플레이어의 세로 크기를 지정 합니다.
8. PLUGINSPAGE="URL" : 플러그인이 설치되어 있지 않은 사용자를 위하여 
                       해당 플러그인을 제공하는 사이트의 주소를 적습니다. 
9. <NOEMBED> </NOEMBED>  사용자의 브라우저가 플러그인이 설치되어 있지 않은 경우나 
                         이를 지원하지 못하는 브라우저를 
                         사용하고 있는 경우에 <IMG>의 ALT와 같은 역할을 합니다. 
                         사용 방법은 <NOEMBED> 넣고 싶은 내용 </NOEMBED> 를 <EMBED> 와 </EMBED> 
                         사이에 넣어 주시면 됩니다.


최종적으로 완성된 소스는 이렇게 됩니다.

<embed src="http://myhome.hanafos.com/~dimmerm/music/adagio.asf" autostart="false" hidden="false" volume="70" loop="1" width=280 height=45 PLUGINSPAGE="HTTP://quicktime.apple.com/qt/sw/sw.html">
<NOEMBED> 음악이 들리시지 않으면 미디어 플레이어를 설치 하세요.</NOEMBED>
</embed>

결과 보기


음악이 들리시지 않으면 미디어 플레이어를 설치 하세요.
위의 음악은 autostart="false" 로 했기에 플레이 버턴을 눌러야 음악이 나옵니다. 자동으로 음악이 나오게 할려면 autostart="true"로 해주시고 미디어 플레이어가 안보이게 할려면 hidden="true" 로 수정하세요.

bgsound 를 사용 하여도 됩니다.

<bgsound src="http://myhome.hanafos.com/~dimmerm/music/adagio.asf">


링크된 음악 올리기


이런 경우도 있죠.
미디어 플레이어를 사용하지 않고 음악을 링크만 시켜 놓은것도 있어요.
아래 amor 음악 듣기 를 클릭해보세요. 위의 음악을 종료한후에 클릭하세요!!!
amor 음악 듣기 

위의 그림과 같이 미디어 플레이어가 나오면서 음악이 재생 됩니다.
여기서 파일의 등록 정보를 클릭 하세요.

등록정보가 나오죠?

이 등록 정보에서 붉은 원이 음악 주소 입니다.
마우스로 드래그 하여 복사 한후 embed 나 bgsound 에 넣어 주시면 됩니다.
위의 소스와 동일 합니다.

<embed src="http://myhome.hanafos.com/~dimmerm/music/adagio.asf" autostart="false" hidden="false" volume="70" loop="1" width=280 height=45 PLUGINSPAGE="HTTP://quicktime.apple.com/qt/sw/sw.html">
<NOEMBED> 음악이 들리시지 않으면 미디어 플레이어를 설치 하세요.</NOEMBED>
</embed>


bgsound 를 사용 하여도 됩니다.

<bgsound src="http://myhome.hanafos.com/~dimmerm/music/adagio.asf">



ra 음악 :::리얼 플레이어 음악 올리기::::


확장자가 ra 나 ram 으로 끝나는 음악은 리얼 플레이어로 재생되는것 입니다.
이것은 미디어 플레이어 소스와는 조금 다르죠.
embed 내에 type="audio/x-pn-realaudio-plugin" 을 넣어 주어야 합니다.

<embed src="리얼오디오파일주소
" type="audio/x-pn-realaudio-plugin" width="수치" height="수치" controls="제어판옵션">

여기서 한가지 눈여겨 볼것이 제어판 옵션 입니다.
제어판 옵션에 대해서 몇가지 알아보고 넘어 가겠습니다.
controls="제어판옵션" 을 넣어 주고 width 와 height는 지정된 값을 넣어 줘야 합니다.

예1 controls="controlpanel,statusbar" width="275" height="60"

<embed src="음악주소.rm" width="275" height="60" border="0" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar">

결과보기



예2 controls="stopbutton" width="35" height="25"

<embed src="음악주소.rm" width="35" height="25" border="0" type="audio/x-pn-realaudio-plugin" controls="stopbutton">

결과보기



예3 controls="playbutton" width="275" height="60"

<embed src="음악주소.rm" width="35" height="25" border="0" type="audio/x-pn-realaudio-plugin" controls="playbutton">

결과보기



예4 controls="controlpanel" width="275" height="40"

<embed src="음악주소.rm" width="275" height="40" border="0" type="audio/x-pn-realaudio-plugin" controls="controlpanel">

결과보기



예5 controls="controlpanel,infovolumepanel" width="275" height="60"

<embed src="음악주소.rm" width="275" height="105" border="0" type="audio/x-pn-realaudio-plugin" controls="controlpanel,infovolumepanel">

결과보기





동영상 올리기


asf, asx, AVI,MPEG,등등 윈도우 미디어 플레이어로 재생되는 동영상은
위에 설명한 embed 를 사용하여 넣어주면 됩니다.
<embed src="동영상주소.asf" autostart="false" hidden="false" volume="70" loop="1" width=수치 height=수치 PLUGINSPAGE="HTTP://quicktime.apple.com/qt/sw/sw.html">
<NOEMBED> 동영상이 보이지 않으면 미디어 플레이어를 설치 하세요.</NOEMBED>
</embed>


확장자가 ra, ram 인 동영상은 위에 설명한 리얼 플레이어의 소스를 넣어 주시면 됩니다.

<embed src="동영상주소.rm" type="audio/x-pn-realaudio-plugin" controls="ImageWindow" AUTOSTART=true width=수치 height=수치>




아름다운글 올리는 방법 12신은 최근에 다시 작성한것 입니다.
근간 음악 사이트 대부분이 음악을 마음대로 가져가지 못하도록 소스를 막아 놓아
위의 방법이 안되는곳도 많을것입니다.
위의 방법은 음악을 올리기 위한 기초이기에 꼭 알아 두어야 해요.
이외의 음악 올리는 방법은 Tip & Tech 에보시면 여러가지 방법이 있습니다.
부족한글 끝까지 따라오시느라 수고 많으셨습니다.
이정도면 간단한 메일이나 
게시판에 글올리는데는 충분 하리라 생각하며
아름다운글 올리는 방법의 강좌를 마치고져 합니다.
보다 깊은 내용이나 알찬정보는 
Tip & Tech 코너에 계속 올리겠습니다.
Tip & Tech 코너는 
좌측메뉴의 아름다운글 올리는 방법 12신 바로 밑에 있어요
지금 바로 클릭해 보세요^^
혹 의문이 있으시면 게시판에 글 올려 주시구요
Tip & Tech 에서 만나요.
안녕히~~


 

위로가기 ♠



Copyright 2001 Lee Yang Ho,Inc. All right reserved.
For more Information,mail to dimmerm@hanmail.net