본문 바로가기
  • 기록이 역사입니다-여수미술 아카이브
  • 세상과 소통하기 위한 문화예술
  • 행복한 삶을 위한 문화예술
■ 컴퓨터/홈피제작소스

배경음악 소스

by May born JCY 2005. 7. 9.

<embed src="http://mediafile.paran.com/자신의 배경음악파일명.asf" width=0 height=0 autostart="true" balance="0" loop="1">

- 빨강색은 음악이 나오게 하는 태그이며

- 파랑색은 사용자가 링크할 음악파일이 있는 곳의 절대 경로값

이곳을 사용자가 원하는 곳의 경로값으로 수정하면 됩니다.

- 보라색은 사용자의 옵션입니다.

==== 여기서 부터는 머리에 쥐가 나도 좋은 사람만 읽어 보세요. ======

◈ 사운드태그

홈페이지는 일단 멋있고 자료가 풍부해야 하지만 사람들의 귀를 즐겁게 해줄 음악이 필요합니다(물론 때와 장소를 가려서 넣어야겠지요? 저는 개인적으로 음악을 무지무지 좋아하기 땜시~^^ 컴퓨터 켤 때마다 윈앰프 켜고 음악을 듣지요ㅡㅡㆀ 이상 여담이었구...홈피에 음악을 넣으려면...아래와 같은 공식(?)이 필요합니다.

<bgsound src="음악주소">

<embed src="음악주소">

옵션설명
autostart=false 이 부분은 문서가 로딩되었을때 자동으로 틀어줄건가 말건가를 결정하는 부분입니다. 자동스타트 autostart=false , false는 아니다라고 말하는 것입니다. 즉 이렇게 해주면 자동으로 되지 않습니다. 그럼 자동으로 하려면 autostart=true 로 해주면 됩니다.

참고! true-진실 false-거짓(수학에서 참 거짓 생각하면 이해가 쉽겠져~)

loop=1 루프.....음악연주가 끝나면 다시 돌려서 계속해서 틀까? 라는 물음입니다. 여기에서 1로 했는데 이렇게 하면 한번 음악연주 하고 맙니다...한번만 하고 말져...3번 하고 싶다면 그냥 숫자 대입해 주면 됩니다...1 지우고 그 자리에 3을 채우면 되겠져...그렇다면 계속 틀어 ! 라고 하고 싶으면 loop=infinite 또는 그냥 0을 대입하면 됩니다...인퍼니트(infinite)는 무한이라는 뜻입니다...0은 그냥 안틀 것 같지만 무한입니다...(이번 유승준 6집 앨범 제목이 인퍼니티더군요...인퍼니트(infinite)는 인퍼니티(infinity)의 형용사꼴입니다)

width 와 height 는 embed 태그에만 적용되며 삽입한 연주기의 크기와 높이를 지정하는 것입니다..

이런식으로 할 수 있습니다. 둘다 아무거나 해도 음악 플레이 하고 홈페이지에 오신 방문자들 귀를 편안하게 해주는건 아무 차이가 없습니다. 차이가 있다면 위에것은 듣기 싫어도 어쩔 수 없이 홈페이지에 들어오면 들을수밖에 없는 것입니다...태그를 잘 분석해보면 bg라는 부분이 있는데 그게 바로 배경이라는 뜻입니다...음악이 배경이니까 어쩔 수 없이 들어줄수밖에 없는 신세가 되는 꼴이져...따라서 특별한 일이 없는 한 홈페이지에 쓸꺼면 제발 아래걸루 해주세요...아래것은 플레이어가 홈페이지상에 뜹니다...따라서 홈페이지 시작하면 음악은 나오되 듣는걸 원하지 않는사람은 안들을 수가 있는 것이지요.왜냐하면...배경음악 넣으면 방문자들이 좋아하겠지...이런생각 하시는데...큰 오산입니다. 대부분의 방문자는 배경음악을 싫어합니다. 따라서 홈페이지 시작할 때 음악은 나오되 플레이어 형식으로 해서 들어온 사용자의 맘에 따라 멈추고 재생하고를 결정할 수 있는 것으로 하셔야지...무작정 나오는 음악은 방문자로 하여금 반감을 사게 할 수 있습니다. 물론 이건 어느정도 컨텐츠를 갖춘 홈페이지에서 하는 말이고 개인홈페이지에서는 자신이 좋아하는 음악을 배경음악으로 해서 돌리시던지 BGM으로 해서 돌려도 상관 없습니다ㅡㅡㆀ

먼저 원하는 음악을 선택해야겠져...주로 미디나 asf를 많이 사용한합니다... 요즘 mp3도 있는데 mp3를 내 홈페이지의 배경음악으로 넣을 생각은 버리시는 것이....왜냐하면 배경음악을 연주하기 위해서는 웹상에서 하는게 아니라 브라우저로 홈페이지를 접속한 사람의 컴퓨터로 음악을 다운받아서 연주하는 것이기 때문에 그러므로 다운로드를 먼저 해야 하므로 홈페이지의 로딩 속도는 배경음악의 크기에 비례해서 늦어지게 되는 거져....그렇다면 mp3를 다운받는다면? 아마 다 다운받기도 전에 컨텐츠 다 보고 나가버리겠져...따라서 배경음악의 조건은 화일 크기가 적고 음질도 비교적 괜찮은 mid,asf 파일을 선호합니다. 보통 미디파일은 10kb에서 20kb 정도가 무난합니다...꼭 이 공식이 맞지 않는 공룡 mid도 있지만...

그런데...저기 음악주소에는 무엇을 넣느냐...가 문제겠지요...음악주소를 빼오는거 이거는 asf를 지원하는 음악자료 사이트에 가서 음악을 링크시켜야 하지요...옛날에는 미디를 사용했는데...(지금도 미디 많아요)그런데 미디가 워낙 단순하니까...요즘은 asf로 하는곳이 많아지고 있지요...미디가 뭐냐 하면 어떤 홈페이지 들어가 보시면 음악이긴 음악인데 노래는 안나오면서 가락만 자꾸 나오는 음악 있지요??그게 바로 미디입니다...미디에는 정말루 음악재생에 필요한 최소한의 내용만 들어있기 때문에 아무리 많아도 100kb를 넘지 않습니다...그렇다고 못 들어줄 음악은 아니니까 지금도 미디를 쓰는곳이 많은 이유입니다...미디음악은 검색엔진에서 미디 치시면 웬만한 미디가 있는 곳이 많이 나오니까 거기에서 슬쩍빼서 사용하시길~

asf는 용량이 작다고 자랑하는 mp3보다 용량이 작고...'스트리밍 기술'도 지원합니다. (스트리밍 기술에 마우스를 갖다 대시면 설명이 나옵니다)하지만...음질 장난 아니지요...장난 아니게 좋다는 말이 아니라...그 반대입니다...(ㅡㅡㆀ)하지만 음악과 가사가 나오고 둔감한 사람은 MP3이나 asf나 그게 그거니 홈페이지 배경음악으로도 손색이 없지 않나 생각됩니다. asf도 역시 미디처럼 퍼오면 되는데 그게 좀 복잡합니다...음악파일은 음악듣기를 제공하는 곳에서 퍼오면 되는데요...인터버드나,maxmp3이나,씨야뮤직 같은곳에서 퍼오실수 있습니다...아래 링크가 있으니 들어가셔서 아래 방법대로 한번 퍼오시구요...보안상 안될 수도 있습니다...asf 퍼오는게 장난 아니거든요...여기에서는 기본적인 방법만을 설명합니다.

음악을 듣기 위해서는 음악듣기 버튼을 눌러야 합니다. 알아내는 방법은 우선 위에서 음악듣기 이버튼위에 마우스 커서를 놓으시고 오른쪽버튼 클릭해보세요. 그러면


위와 같이 나옵니다. 그곳에서 "바로가기 복사" 누르시면 음악주소가 복사가 된 것입니다. 한번 붙여넣기 해보세요. 음악주소가 나올겁니다. 하지만 요즘은 보안상 쉽게 복사가 안되는 곳도 있습니다...(세이동호회 태그매니아에서 얻은 정보랍니다^^)

따라서, 음악을 퍼올 수 있는 방법이 있는데...다양태그강좌의 음악퍼오기강좌를 참고해보세여...벅스뮤직에서 미디어플레이어 7.0을 이용해서 퍼오는 방법이 있답니다...^^ 꼭 벅스뮤직이 아니라 미디어 플레이어 7.0을 굴릴 수 있는곳에는 전부 먹히니까여...강좌 훑어보시고 그걸 참고하셔도 좋을듯...^^

그리고 가끔 어떤 홈페이지 가보면 밑에 윈앰프처럼 플레이어가 있고 노래제목이 표시되는걸 보셨을 겁니다...그게 바로 요즘 뜨는 BGM 플레이어라는 겁니다...
여기를 눌러 다운받으시구요...사용방법은 BGM플레이어 공식홈페이지(
http://javascript.new21.org/)를 방문해주세요...^^

또한 리얼플레이어 파일을 올리실 때에는 embed로는 안됩니다...요즈음 리얼 쓰는 곳은 거의 없지만 참고로 알아두세요..아래와 같은 소스를 사용합니다...

<EMBED src="주소(URL)" width="가로크기" height="세로크기" ype=application/x-shockwave-flash repeat="false" autostart="true" controls="ImageWindow,ControlPanel,StatusBar">

그럼 좋은 음악들로 홈페이지를 멋지게 꾸며보세요~

'■ 컴퓨터 > 홈피제작소스' 카테고리의 다른 글

◈ 기초태그 모음 #3  (1) 2005.07.09
◈ 기초태그 모음 #2  (1) 2005.07.09
◈ 기초태그모음 #1  (2) 2005.07.09
HTML 색-코드  (0) 2005.07.09
[소스] 플래시로 제작된 시계  (2) 2005.07.09

댓글