먼저 사운드 태그를 배우기 전에 사운드 파일의 종류가 뭐가 있는지 알아보도록 하겠습니다. 최소한 자기가 듣고 있는 음악이 어떠한 파일인지는 알고는 있어야 나중에 자기가 직접 사용할 때 많은 시행착오를 줄일 수 있져^^
※ 재생시킬 사운드파일의 종류
① asf / wma 파일 (윈도우미디어 파일)
1~2년 전까지만 하더라도 홈페이지 배경음악용으로는 인터넷접속 여건상 mid 파일을 많이 사용하였습니다. 하지만 요즘은 vdsl 이나 엔토피아 등등 통신여건이 좋아져서 예전처럼 mid 파일을 배경음악으로 사용하시는 분들은 별로 없을 겁니다. 대신 asf 나 wma 파일을 많이 사용합니다. asf 는 오디오 스트리밍 파일의 약자로서 홈페이지 배경음악용으로 용량대비 음질이 괜찮다고 평가 할 수 있습니다. mp3파일에 비해 용량은 1/4 이고 음질은 그냥 듣기에 큰차이가 없기때문이죠. 실제로 여러분들이 잘 아시는 벅스뮤직 같은 인터넷음악사이트에서 대부분 asf 형식의 음악파일로 서비스를 하고 있습니다.
② mid 파일 (미디파일)
예전에 홈페이지 배경음악으로 가장 많이 사용했던 음악파일 형식입니다. 여러분들이 웹서핑이나 채팅할 때 가수의 목소리는 나오지 않고 멜로디만 나오는 음악을 들어본 적이 있을 겁니다. 그게 바로 mid 파일 음악입니다. mid 파일은 파일용량이 적은 대신 음질이 상대방의 컴퓨터의 사운드 카드의 성능에 따라 달라집니다.
☜여기에 있는 음악을 실행시켜보세요. ▶ 을 클릭하시면 mid 음악이 나오게 됩니다. 소리가 작게 나올 수도 있으니 여러분들의 컴퓨터의 볼륨을 약간 높혀 주세요 |
③ ra, ram 파일
이건 리얼플레이어(realplayer)를 이용해서 음악을 듣는 파일입니다. 쉽게 말해서 리얼플레이어 없이는 재생이 되질 않습니다. 예전에 채팅방에서 많이 쓰였던 건데요....음악을 불러오면 여러분들의 컴퓨터에 설치되어 있는 리얼플레이어가 작동되면서 음악이 나오게 됩니다. ra, ram 파일은 mid 파일과는 달리 가수의 목소리를 직접 들을 수 있고 용량도 mp3 파일보다 적답니다.(약 1/4 수준) 하지만 음질이 상당히 떨어지고 전용선 사용자들에게는 전혀 무리가 가지 않는 대신 모뎀사용자들은 어느정도 무리가 가기 때문에 배경음악으로는 잘 사용되지 않습니다. 혹시 리얼플레이어가 자기 컴에 설치되있지 않으신 분들은 http://www.freepia.co.kr 로 가면 공개소프트웨어를 찾아보면 무료로 다운 받을 수 있습니다.
④ wav 파일
웨이브 파일의 경우 음질은 좋은 대신 파일의 용량이 크기 때문에 홈페이지에서는 그렇게 많이 사용되질 않습니다. 간단하게 자신의 목소리나 인사말을 녹음시켜 홈페이지에 삽입시킬때 많이 사용되죠^^
☜여기를 실행시켜보세요. 간단한 실로폰 소리가 나올텐데요.....웨이브의 경우 파일의 용량이 적은 것을 홈페이지에서 사용하져...노래를 웹상에서 직접 듣는 것은 용량이 크기 때문에 힘들어요. |
※ 대략적인 파일형식별 크기비교 : wav (30M) > mp3 (4M) > asf (1M) > mid (10k)
⑤ 기타
기타 mp3 파일, au 파일, aiff 파일 등이 있는데 이것들은 홈페이지나 채팅방 등에서는 거의 사용되지 않습니다. 나중에 인터넷 사용자들 전부가 전용선을 사용한다면은 많이 사용하겠져^^
음악 파일에 대해선 이 정도만 알아두셔도 충분합니다. 다음 페이지부터는 본격적으로 사운드 태그에 대해서 알아보도록 하겠습니다. ^^ 다음 페이지로 가시져^^
여기서부터는 본격적으로 사운드 태그에 대해서 알아보도록 하겠습니다. 사운드 태그는 간단합니다. 딱 ...3가지 명령어만 알고 있으면 홈페이지에 배경음악을 넣거나 채팅방에서 음악을 나오게 하는 것은 걱정하실 필요가 없습니다. 자..그럼 구체적으로 살펴볼까요?^^
<bgsound src="음악주소"> | 주로 홈페이지의 배경음악을 넣는 데 사용하는 태그입니다. mid 파일을 주로 사용하고요...wav파일이나 mp3 파일도 되긴 되는데 bgsound 태그는 일단 음악파일을 다 다운로드 받은 다음 재생을 시키기 때문에 mp3 나 wav는 시간이 오래 걸린답니다. |
<embed src="음악주소"> | bgsound 태그가 익스플러워 전용으로 만들어 진거라면 embed 태그는 네스케이프에서 음악을 재생시킬 수 있도록 만들어진 태그입니다. 그런데 요즘은 익스플러워와 네스케이프 양쪽 다 잘 된답니다. embed 태그는 배경음악보다는 직접 음악을 재생시키는 때 많이 사용됩니다. 주로 채팅방이 되겠죠^^ embed 태그의 특징은 bgsound 태그와는 달리 파일을 다 다운받은 받은 다음에 재생하는 것이 아니라 다운로드와 동시에 실시간으로 재생시켜주죠...^^ 또한 여러가지 속성이 따라 붙는데요...속성에 대해선 밑에서 설명드리져^^ |
<a href="리얼 음악주소" target="new">아무 글자</a> | 보시다시피 ra, ram 파일을 불러올때 사용되는 태그입니다. <a> 태그는 사운드 태그라기보다도 링크태그인데...ra, ram 파일을 링크시키고 밑줄이 쳐진 글자를 클릭하면 리얼플레이어가 실행되면서 음악이 나오게 됩니다. 주로 채팅방에서 많이 사용됩니다. |
<object src="음악주소"> | object 태그는 거의 사용하는 사람들이 별루 없는데요...이것은 embed와 기능은 같은데 새로운 자바창(?)이 뜨면서 거기에 음악상태바나 동영상이 나타나게 되죠. W3C에서 embed 보다는 object 를 사용할 것을 권고하고 있다네요. |
※ 리얼파일 주소 보는 법 ( <a href="리얼음악주소" target="new">하고픈 말</a> )
http://www.iworld.co.kr (다른 사이트로 바꼈네요 -_-;)나 기타 비슷한 사이트로 가보시면 리얼음악서비스를 제공하는데요...보통 채팅방에서 사용할 때 이 주소를 보는 방법을 몰라 못 하시는 분들이 많더군요. 해당 사이트에 가서 음악제목들이 적혀 있는 곳이 있을 겁니다. 음악제목을 클릭 하면 리얼플레이어가 실행되면서 음악이 나오게 되져..... ① 마우스를 음악제목에 있는 곳에 갔다 댄다. ② 오른쪽 마우스 버턴을 누른다. 그리고 등록정보를 클릭한다. ③ 그러면 URL(주소) 가 나올 것이다. ④ 주소를 마우스로 블럭 설정을 해서 복사를 한다. ⑤ 복사한 주소를 리얼음악 태그내에 붙여 넣는다. ⑥ 잠시 후 음악이 나온다...
※ embed 태그 속성 ( <embed src="음악주소" autostart=true/false hidden=true/false loop=true/false>
embed 태그는 몇가지 속성이 붙는데요....속성을 잘 알고 계시면 여러분들이 원하는 대로 음악을 조정할 수 있습니다.
autostart=true/false | true의 경우 로딩되자마자 자동실행되고 false의 경우 그 반대죠^^ |
hidden=true/false | 음악조절판이 true의 경우 보이지 않고 반대로 false의 경우 보이게 됩니다. |
loop=true/false | true일 경우 계속 반복, false일 경우 한번만 반복이져^^ |
width=수치 height=수치 | 음악조절판의 좌우높이 조절을 하는 옵션입니다. |
※ embed 태그로 리얼오디어파일 재생하기
우리가 지금까지 리얼오디오파일은 <a href="리얼오디오파일주소">클릭</a> ☜이런 방법으로 재생할 수 있다는 것을 배웠습니다. 그러나 리얼오디오파일은 embed 태그로도 재생 가능합니다. 단, 첫번째 방법과 마찬가지로 당신의 컴에 리얼플레이어가 설치되어 있어야 합니다. 아래 리얼플레이어가 보이죠? 안 보인다면 당신의 컴에 리얼플레이어가 설치있지 않다는 것입니다.
<embed src="리얼오디오파일주소" type="audio/x-pn-realaudio-plugin" height="수치" height="수치" controls="제어판 옵션">
위의 방법은 embed 태그에 리얼플레이어 플러그인을 연결시켜준 것입니다. 방법은 위에 보시다시피 type="x-pn-realaudio-plugin" 을 넣으주면 되죠. 그리고 제어판 옵션을 조절해줄 수 있으며 그 옵션마다 올바른 가로세로수치가 있답니다. (꼭 그렇게 안 해줘도 되지만....)
옵 션 | 수 치 |
All | width="275" height="125" |
stopbutton | width="35" height="25" |
playbutton | width="35" height="25" |
controlpanel | width="275" height="40" |
controlpanel,stautsbar | width="275" height="60" |
controlpanel,infovolumepanel | width="275" height="105" |
자...이제 사운드 태그에 대해선 다 배웠습니다.☞ 이곳☜을 클릭하면....... 예전에 채팅방에서 많이 사용�던 사운드 태그들인데 지금은 안되는 것들이 꽤 될 겁니다. 단지 이렇게 쓰였다는 것을 보여주기 위해 적어 넣은 것이니 안되더라도 화내지 마세엽...^^ 그럼 여기서 사운드태그를 마치도록 하겠습니다.
출처 : 태그매니아 http://www.tagmania.net/
'그룹명 > 사회' 카테고리의 다른 글
[스크랩] 한자이름에서 한자만 떼어냈다 (0) | 2007.06.30 |
---|---|
[스크랩] HTML 기초강좌 - 이미지태그 (0) | 2007.06.30 |
[스크랩] HTML 기초강좌 -기본문법태그 (0) | 2007.06.30 |
[스크랩] HTML 기초강좌 - text태그 (0) | 2007.06.30 |
[스크랩] 홈페이지 만들기용 태그 - html 기초강좌 (0) | 2007.06.30 |