새로운 20가지 뮤직플레이어 추가

관리자

글쓰기

music24데이터복구센터

데이터복구문의
010-2239-1927

데이터복구전문가의 블로그입니다.

주로 기업용서버나 NAS 스토리지 또는 개인의 중요한 하드디스크의 데이터를 복구해드립니다.

원래 이 블로그는 제가 취미생활로 BGM연구를 하던 곳인데. 지금은 주로 데이터복구에 관한 글을 포스팅 합니다.

Recent article

새로운 20가지 뮤직플레이어 추가

사랑비BGM | 2008. 3. 21. 16:54

아직 작업중-(각각의 사랑비 BGM 의 스킨제작자들의 정보가 표시되도록 작업중입니다.)

BGM 을 홈페이지에 넣을 때 바탕화면과의 조화가 중요한 것 같더군요..

이 점은 BGM 자체의 배경화면색을 투명하게 하는 iframe 코드를 넣으면 됩니다.

--> allowTransparency="true"

아래는 예제 입니다.

<IFRAME src="http://bgm.music24.kr/bgm/1.php" width=100% height="21" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true" ></IFRAME>

아이프레임으로 넣었을 때 BGM 자체의 바탕화면은 투명하게 하는 코드입니다..예제->http://bgm.music24.kr

지금 http://lovene.dnip.net 와 같이 프레임 셋으로 나누어 넣으실 때는 BGM 을 넣을 프레임 문서(top.htm)를

만드셔서 서버에 올리시고 프레임셋에서 불러오게 하시되.. 그 만드신 프레임 문서에 아이프레임으로

BGM 을 투명하게 넣으시면 됩니다..

BGM 을 넣을 프레임 문서(top.htm)의 바탕화면을 메인프레임의 바탕화면과 같게 하시면 되는 겁니다

아래는 제 홈페이지에 적용한 예제입니다..

1.프레임셋문서-index.html
---------------------------------------
<html>
<head>
<title>홈페이지용 악세사리 BGM 뮤직플레이어,시계,날씨,큐브</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

</head>

<frameset rows="18, 1*" cols="1*" border="0">
<frame name="top" scrolling="no" marginwidth="0" marginheight="0" noresize src="http://lovene.dnip.net/top.htm">
<frame name="main" scrolling="auto" marginwidth="0" marginheight="0" src="http://lovene.dnip.net/tt/62" noresize>
<noframes>
<body text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">

</body>
</noframes>
</frameset>
</html>

=================================================================================

2.BGM 이 들어간 프레임문서(top.htm) -1번 BGM 을 투명하게 아이프레임으로 넣습니다.

----------------------------

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>http://bgm.music24.kr</title>

</head>

</html>

이상 바탕화면과 조화되게 BGM 을 투명하게 넣는 방법이었습니다..

BGM 을 넣으실 때 width="150" height="21" 이 부분을 자신의 홈페이지에 맞게 적절히 수정해서 넣으십시오..

홈페이지에 위와 같은 음악플레이어를 넣으시려면
마음에 드는 음악플레이어의 아래에 있는 소스를 홈페이지
body 소스에 넣으시면 됩니다. 아이프레임방식이나 프레임셋방식등 여러 방법이 있는데.. 이글 맨아래에 아이프레임방식으로 넣는 방법을 소개해두었습니다.. 글 맨아래 참조..

그리고 주의하실 점은 body 소스 첫머리에 아래의 예제와 같이 이 태그를 넣으셔야 홈페이지 좌측상단에 음악플레이어가 여백없이 딱 붙습니다 ---> leftmargin='0' marginwidth='0' marginheight='0' topmargin='0'

*body 소스에의 삽입예제
-----------------------------------------------------

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin='0' marginwidth='0' marginheight='0' topmargin='0' allowTransparency="true">

음악플레이어의 작동모습은 아래의 소스들 중의 주황색 글씨를 새창열기로 클릭하시면 보입니다.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

*음악이 끊김없이 나오게 하기 위한 뮤직플레이어를 넣는 방법에는 여러가지가 있습니다..

1.프레임으로 분류된 홈페이지에서는 고정된 좌측메뉴나 상단 메뉴에 아이프레임으로 넣는 방법

2.제로보드 등의 한개의 프레임(원프레임)으로 이루어진 홈피에서는 프레임셋을 이용해서
상단이나 하단 프레임에 뮤직플레이어를 넣고 메인프레임에 본래의 홈페이지를 넣는 방법

3.파란카페나 다음카페와 같은 곳에서는 팝업형 플레이어를 넣는 방법을 추천합니다.

위 세가지 방법에 대한 자세한 소개는 http://lovene.dnip.net 에 해두었습니다. 한번 둘러보세요..

아이프레임을 이용한 뮤직플레이어 넣기
==================================================================
*아이프레임 태그를 이용해서 홈페이지에 간단히 음악을 넣을 수 있습니다.
아래의 태그를 복사해서 홈페이지 body 소스의 적당한 부분에 복사해 넣으시면 됩니다.

*이 방법은 프레임으로 나뉜 홈피의 좌측메뉴나 상단, 하단에 적용해야 홈페이지상에서 음악의 끊김이 없습니다
원프레임 홈페이지에서는 다음 글에 설명된 프레임셋 이용하는 방법 이나 팝업형 뮤직플레이어(<-클릭)를 이용하세요

적용된 것 미리보기는 ---> ---> http://lovene.ohpy.com/
방법1-네모난 뮤직플레이어(<--클릭)

===================================================================================
아래의 소스를 홈페이지의 적당한 곳에 복사해서 넣으시면 됩니다
-----------------------------------------------------------------------------------

<table align="left" style="WIDTH: 159px; HEIGHT: 91px" borderColor=#e7e7e7 cellSpacing=0 cellPadding=2 bgColor=#ffffff border=1 >
<tr>
<td width="159" height="87">
<IFRAME src="http://bgm.music24.kr/bgm/16.php" width="159" height="87" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowTransparency="true"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------
위에서 주황색 주소부분만 원하는 음악플레이어의 주소로 대체하시면 됩니다.

kkkkkkkkkkkkkkkkkkkkkkkkk

제로보드 같은 원프레임 홈페이지에서는 프레임셋으로 나누어 bgm 뮤직플레이어를 넣는 방법을

추천합니다만 그것이 여의치 않은 경우 , 아래와 같은 방법으로 BGM 을 넣을 수 있습니다

그냥 아이프레임 방식으로 넣을 수는 있지만 그런 경우 메뉴를 클릭해서 다른 페이지로 이동할 경우

음악이 끊기는 것을 방지하기 위한 방법들인 것입니다.

홈페이지나 카페의 대문에서 스크립트 소스 넣기를 허용하는 경우에는

<script>popup=window.open('http://bgm.music24.kr/love','player','width=340 ,height=328')</script>

<script>popup=window.open('http://bgm.music24.kr/mini_player.php','player','width=139,height=56')</script>

<script>popup=window.open('http://bgm.music24.kr/bgm/16.php','player','width=159,height=87')</script>

위의 세가지 소스 중에 하나를 대문꾸미기나 홈페이지 원하는 페이지에 html 모드로 넣으시면 됩니다

* 추가설명: 지금 bgm.music24.kr 에는 50 여가지의 BGM 플레이어가 있는데요.. 위의 스크립트 소스를 응용해서

원하시는 BGM 플레이어를 팝업시킬 수 있습니다.

예를 들어 43번 BGM 을 팝업시키시려면 위의 소스에서 BGM 번호와 가로(width=163) 세로 (height=63)으로

바꾸어 넣으시면 되는 겁니다.

<script>popup=window.open('http://bgm.music24.kr/bgm/43.php','player','width=163,height=63')</script>

스크립트를 허용하지 않는 경우에는 아래의 방법이 있습니다.

음악플레이어를 마우스로 클릭하면 작은 뮤직플레이어가 팝업됩니다.

이 방법은 홈페이지의 어느 곳에 넣어도 음악이 끊기는 일이 없다는 장점이 있고
홈페이지를 열었을 때 처음에는 음악이 나오지 않게 할 수 있다는 특징이 있습니다

뮤직플레이어 삽입 소스:아래의 소스를 홈페이지의 적당한 부분에 복사 붙여 넣으시면 됩니다

========================

=========================

========================

=========================

방법3

아래의 코드를 홈페이지의 적당한 곳에 html 모드로 삽입한다

<embed style="width:0px; height:0px;" src="http://bgm.music24.kr/bgm.music24.kr.swf>

방법4

* 간단히 텍스트로 링크를 거실 때는 아래의 소스를 각각의 BGM 에 맞는 사이즈로 변경하셔서 적용하시면 됩니다

아래의 소스는 16번 BGM 을 기준으로 한 소스입니다.. 아래의 소스를 홈페이지 적당한 곳에 html 방식으로

넣으시면 클릭햇을 때 작은 팝업 BGM 이 뜹니다..----> 예제보기 클릭-->음악듣기

--------------------------------------------

<a href="http://bgm.music24.kr/bgm/16.php" onclick="window.open
(this.href, '_blank', 'width=159,height=87,toolbars=no,scrollbars=no,top=0,left=0');
return false;" onfocus="this.blur()">음악듣기</a>

----------------------------------------------

|

category

Recent article

Recent comment

Recent trackback

visitors

새로운 20가지 뮤직플레이어 추가

사랑비BGM | 2008. 3. 21. 16:54

티스토리툴바

category

tagcloud

Recent article

Recent comment

Recent trackback

visitors

새로운 20가지 뮤직플레이어 추가

사랑비BGM | 2008. 3. 21. 16:54

티스토리툴바