홈페이지에 음악삽입법

음악 삽입 또한 홈페이지를 만드는데 가장 기본적으로 필요한 기능일겁니다.

음악을 홈에 넣는 방법도 여러가지가 있지요.

플레이어는 보이지 않고 그냥 음악만 나오게 하는 방법과 플레이어가 페이지에 보이게 하는 방법이지요.

첫번째 플레이어 없이 음악만 흐르게 하는 방법은 <bgsound src="음악주소">하고 하면 되고, 두번째 플레이어도 보이는 방법(즉 동영상 같은거라면 꼭 이걸로 해야겠죠)은 <embed src="음악주소">라고 하면 됩니다.

물론 각각의 장단점이 있겠지요.

bgsound 는 별도의 옵션을 사용할 수없기 때문에 고급사용자에게는 환영받지 못하겠지만 깔끔하게 홈의 배경으로 쓰기는 좋지요. 인코딩한 파일은 재생이 되지 않구요, 파일이 일단 다운로드 된 후에 재생이 되기 때문에 로딩시간이 지연됩니다.
embed 는 대부분의 스트리밍 파일을 폭넓게 재생할 수 있으며 파일 로딩시간이 빠릅니다. 또한 플레이어가 보이기 때문에 각종 옵션을 사용할 수도 있습니다.

 

초보님들은 무슨 말인지 모르겠지요.

항상 배운 것은 바로바로 연습을 해보아야한답니다.

html 파일을 만들기 위해서는 나모와 같은 프로그램을 써도 되겠지만 이 정도의 간단한 연습은 메모장을 열고 하면 됩니다.

메모장에 관한 내용을 길게 쓰면 주제에서 벗어나니까 우선은 음악태그에 대해 설명하고 다음에 기회가 되면 간단한 html 태그에 대해서 알려드리도록 하겠습니다.

 

embed태그의 옵션
1. autostart="true" / "false" : 자동실행 여부 (auto:실행/false:정지)
2. hidden="true" / "false" : 플레이어를 표시 여부 (hidden:숨김/true:표시)
  └width와 height 값을 적용해서 재생장치의 크기 조절이 가능합니다.
3.l oop="n" / "infinite" / "-1" : 반복 여부
  └횟수를 지정할 수 있으며, infinite 또는 -1값을 지정하면 무한대로 재생됩니다.
4. volume="0" / "-1"
  └볼륨의 최대화를 의미합니다.
5.기타 옵션은 아래 예제를 참고하세요.

아래는 제가 작성한 것은 아니구요, 어떤 사이트에 들어갔더니 표로 알기 쉽게 만들어놨기에 그대로 가져왔습니다.

좀 미안한 생각은 들지만 같은 내용을 다시 작성하는 것 보다 효율적이고, 또 정보는 공유하라고 있는거니까 그냥 사용합니다.

전체를 가져왔으면 출처를 기록하겠지만 일부라서 약간만 제가 다시 수정하여 그대로 올립니다. 또한 몇년전에 검색해서 알게된 거라 지금은 그 출처가 생각도 안나네요. 원래는 결과 부분에서 재생이 되었는데 아마 초기에 이것을 작성하신 분의 사이트가 막혔는지 지금은 재생이 안될겁니다.

기회가 되면 제가 다시 링크를 걸어서 만들겠습니다. 지금은 그냥 샘플 듣기는 안되고 그냥 모양만 보십시오.

예 제	결 과
1) 재생버튼만 표시 <embed src="음악주소" width="35" height="25" controls="playbutton" autostart="false">	1) 재생버튼만 표시
2)재생과 정지 버튼만 표시 <embed src="음악주소" width="71" height="24" autostart="false">	2) 재생과 정지 버튼만 표시
3) 미디어 재생기 전체표시 <embed src="음악주소" width="275" height="40" type="audio/x-pn-realaudio-plugin" controls="controlpanel" autostart="false">	3) 미디어 재생기 전체표시
4) 3번 소스에 볼륨 최대화 지정 <embed src="음악주소" width="275" height="40" type="audio/x-pn-realaudio-plugin" controls="controlpanel" autostart="false" volume="-1">	4) 3번 소스에 볼륨 최대화 지정
5) 상태표시창만 표시 <embed src="음악주소" width="260" height="22" vspace="0" hspace="0" border="0" loop="100" showdisplay="0" showstatusbar="1">	5) 상태표시창만 표시
7) 미디어 재생기 숨기기 <embed src="음악주소" hidden="true" loop="-1">	7) 미디어 재생기 숨기기 (아무것도 안보입니다.)

음악 넣는 방법은 매우 다양합니다.

그걸 다 말하자니... 휴...

저 또한 배워가면서 내용을 쓴답니다.

너무 복잡하고 다양해서 일단은 기록해두고 대부분 소스를 주욱 긁어서 복사한 후 주소부분만 수정하여 주지요.

지금 제 홈 맨 아래에 걸어둔 플레이어는 위의 것과는 다른 것입니다. (이 부분은 제가 개인 홈페이지를 제작했을때 그곳에 올렸던 자료를 그대로 가져왔기 때문에 삽입된 내용입니다. 그냥 지우지 않고 첨부로 설명합니다. 이것은 이런 통이나 블로그에서는 해당이 되지 않고 개인 홈페이지가 있어 그것을 만드시는 분들에게는 참고가 될 듯한데 최근엔 대부분 직접 홈을 만들지는 않지요. 혹시 어떤 의미인지 보실려면 참고하시라고 주소를 기록합니다. 예전에 제가 만들었던 홈페이지인데 사용은 안하지만 막아두지는 않았습니다. 들어가서 아래를 보면 음악을 들을 수 있는 창이 길게 있을겁니다. 라디오 같은 것도 걸어두었지요. 그것은 좀 복잡한 방법이라 일단은 설명하지 않겠습니다. 초보기준에서 기록하는 글이니까요.)

웹상에 프로그램파일을 올리고 사용하는 것입니다.  http://kogomusin.x-y.net

이건 너무 복잡하니까 아직은 말한 단계는 아닌거 같구요, 혹 혼자 공부하고픈 사람은 사랑비 라고 검색한 후 사용법을 알아보시구요, 그것도 귀찮으신 분들은 좀더 기다리세요.

음악은 천천히 하나씩 알려드리겠습니다.

가장 기본은 위의 두가지 형태니까요, 테스트로 웹페이지를 만들어보세요.

출처 : Tong - 마음을 채우는 향기님의 디지털과놀아보기통