웹마스터 팁

  2. Support
  3. 웹마스터 팁

간단한 BGM 스크립트

2002.07.21 19:03

ZipShin

저도 웹셔핑하다가 우연히 알게되었네요. 다음카페에서 파업창이 뜨길레 이게 뭐지? 하고 봤는데;;;
자바스크립트로 만들어진 간단한 BGM이네요. 참고로 제가 만든것은 아닙니다.

미리보기) http://www.megapass.co.kr/~lyu8154/game/play/player_popup.html

소스보기)

<SCRIPT LANGUAGE="JavaScript">
<!--
  function popshow() {
                popwidth = 315
                popheight = 355
                self.resizeTo(popwidth,popheight);
                self.moveTo(screen.width-popwidth , 0);
                document.domain_search.subdomain.focus();
  }
//-->
</SCRIPT>
<HTML>
<HEAD>
<style type='text/css'>
<!--
a:link, a:visited, a:active { font: 9pt 굴림; text-decoration: none; color: #505050 }
a:hover      { font: 9pt 굴림; text-decoration: none; color: #EE00aa }
td           { font: 9pt 굴림; color: #000000 }
div          { font: 10pt 굴림; color: #000000 }
.border      { margin: 0px; border-style: solid; border-width: 1px; border-color: #000000;}

.button      { background-color: #E0E0E0; font-family: 굴림; color: #000000; border:1x solid #000031; height: 18px; cursor: hand;}
.button_1    { color:#527DC6; background-color:#BDCFE7; border-width:1; border-color:#527DC6; border-style:solid; height: 18px;}
.text                                 { font: 9pt 굴림; color: #000000; border:1x solid #000031; height: 18px;}

input                { font: 9pt 굴림; }
textarea        { font: 9pt 굴림; border:1x solid #000031}
select                { font: 9pt 굴림; color:#527DC6; background-color:white; border-width:1; border-style:solid; filter: Alpha(Opacity=60); }

-->
</style>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">
<TITLE>ENJOTIME Music Player</TITLE>
<script language="JavaScript" src="musicplay.js">        
</script>
</HEAD>
<BODY leftmargin="0" topmargin="0" bgcolor=#FFFFFF onload='popshow()' oncontextmenu="return false" onselectstart="return false"
ondragstart="return false">
<table border=0 cellpadding="0" cellspacing="0" align=center width="305" height="250" background="bg011.gif">
<tr>
        <td align=center valign=center width="305" height="25">
            <p> </p>
  </td>
</tr>
<tr>
        <td align=center valign=center width="320" height="31">
            <p><object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
     width="290" height="22" id="MusicPlayer" name="MusicPlayer" style="center:0px; top:0px;" align="center" style='filter:Alpha(Opacity=70)'>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
            id="MusicPlayer"
            Name="MusicPlayer"
            width="1"
            Height="1" ></embed>  
<PARAM NAME="AutoStart" VALUE="true">
<PARAM NAME="TransparentAtStart" VALUE="True">
<PARAM NAME="ShowControls" VALUE="0">
<PARAM NAME="ShowDisplay" VALUE="0">
<PARAM NAME="ShowStatusBar" VALUE="1">
<PARAM NAME="AutoSize" VALUE="0">
<PARAM NAME="AnimationAtStart" VALUE="false">
</object></p>

  </td>
</tr>
<tr>
        <form name=m_form>
<td align=center width="320" height="25">
        <font color="#517DC4"><INPUT TYPE=checkbox NAME="cont" checked>연속  
        <INPUT TYPE=radio name=m_rand class=select value=0>무작위
        <INPUT TYPE=radio name=m_rand class=select value=1 checked>순서대로
        <INPUT TYPE=radio name=m_rand class=select value=2>한곡만
        </font>
        </td>
</tr>
<tr>
        <td class="normal" align=center valign="top">
<input type=button value="+정지+" onclick='play_stop()' class=button_1>
<input type=button value="+재생+" onclick='video_play()' class=button_1>
<input type=button value="+다음+" onclick='play_next()' class=button_1>
        </td>
</tr>
<tr>
        <td class="normal" align=center valign="bottom">
<font color="#517DC4">곡선택: </font><select name=m_name size="1" onchange='+ 'LoadVideo()' style='width=240; color: 517DC4;'>

<option value='mms://211.233.36.67/~garam/garam44/a0130301.wma'>왁스 (Wax) - 그때 그 사람</option>
<option value='mms://211.233.13.211/~service/garam4/q0141004.wma'>쿨 (Cool) - Sad Cafe</option>
<option value='mms://211.233.13.211/~service/garam4/q0141008.wma'>쿨 (Cool) - 진실</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3510103.wma'>인디고 (Indigo) - 사랑합니다</option>
<option value='mms://211.233.12.172/~service/garam44/c0320608.wma'>최진영 - Champion ('챔피언' ost)</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3500103.wma'>양혜승 - 레인 (Rain)</option>
<option value='mms://211.171.255.182/~service/garam4/b0320502.wma'>박정현 - 꿈에</option>
<option value='mms://211.233.36.67/~garam/garam44/a1611208.wma'>이은미 - Deja Vu</option>
<option value='mms://211.233.36.67/~garam/garam44/a1611210.wma'>이은미 - 기억속으로</option>
<option value='mms://211.233.36.142/~service/garam4/o1530500.wma'>윤도현밴드 - 오 필승 코리아</option>
<option value='mms://211.233.36.141/~service/garam4/m0410102.wma'>엠씨 스나이퍼(MC Sniper) - 힙합에 이 한몸 바치리</option>
<option value='mms://211.233.36.141/~service/garam4/m0410105.wma'>엠씨 스나이퍼(MC Sniper) - BK Love</option>
<option value='mms://211.233.36.141/~service/garam4/m0410118.wma'>엠씨 스나이퍼(MC Sniper) - 솔아솔아 푸르른 솔아</option>
<option value='mms://211.233.14.203/~service/garam4/j0561002.wma'>조관우 - 비록</option>
<option value='mms://211.233.14.203/~service/garam4/j0561003.wma'>조관우 - 젊은 연인들</option>
<option value='mms://211.174.62.54/~gaussren/garam4/p0370104.wma'>피버(Fever) - Bye Bye Bye</option>
<option value='mms://211.174.62.54/~gaussren/garam4/p0370101.wma'>피버(Fever) - 잘가, 잘가...</option>
<option value='mms://211.169.248.31/~service/garam4/k1920303.wma'>김형석 - 마지막 바램</option>
<option value='mms://211.233.13.209/~service/garam4/e0860402.wma'>K2 - Summer Drive</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a2450302.wma'>인디파워 - 우리는_Slapdash</option>
<option value='mms://211.169.248.31/~service/garam4/k1910103.wma'>김현주 - 지금 모습처럼</option>
<option value='mms://211.169.248.31/~service/garam4/k1910102.wma'>김현주 - 연애의 기초</option>
<option value='mms://211.233.36.141/~service/garam4/m0400103.wma'>무사이(최재은) - 더 아파야 하나요</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3470102.wma'>에이원(A One) - 습관</option>
<option value='mms://211.169.248.31/~service/garam4/k1900102.wma'>김동욱 JK - 미련한 사랑</option>
<option value='mms://211.233.13.211/~service/garam4/r0150211.wma'>류(RYU) - 연인</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3050202.wma'>양동근(YDG) - 골목길</option>
<option value='mms://211.174.62.205/~service/garam4/b1080102.wma'>비(Rain) - 나쁜 남자</option>
<option value='mms://211.174.62.205/~service/garam4/b1090103.wma'>보이스립(Boyslip) - 어떻게</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3460102.wma'>애쉬 - A Sad Song</option>
<option value='mms://211.233.36.142/~service/garam4/o1320101.wma'>유리구두OST - 너에게로 가는 길</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a2121003.wma'>임창정 - 슬픈 혼잣말</option>
<option value='mms://211.233.13.208/~service/mv/s1280101.asf'>SWI.T(스위티) - I'll Be There</option>
<option value='mms://211.233.13.209/~service/garam4/e0670201.wma'>T(윤미래) - G火자(지화자)</option>
<option value='mms://211.233.13.209/~service/garam4/e0670205.wma'>T(윤미래) - Wonder Woman</option>
<option value='mms://211.233.13.211/~service/garam4/r0280101.wma'>레이지본 (LAZYBONE) - 바보</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3450101.wma'>윤채경 - You Got It</option>
<option value='mms://211.233.38.99/~service/garam4/s0220302.wma'>서영은 - 만년설</option>
<option value='mms://211.233.13.209/~service/garam4/e0570301.wma'>Fly To The Sky - Sea Of Love</option>
<option value='mms://211.169.248.31/~service/garam4/k1890203.wma'>김성욱 - To My Mother</option>
<option value='mms://211.233.38.99/~service/garam4/t0260102.wma'>타카피(TACOPY) - Smash</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3430102.wma'>엘리(Elly) - 탐</option>
<option value='mms://211.233.13.211/~service/garam4/q0340103.wma'>큐빅(Qbig) - 체념</option>
<option value='mms://211.233.38.159/~mv/mv/b0590701.asf'>베이비복스 - 우연(우울한 우연)</option>
<option value='mms://211.169.248.31/~service/garam4/k0090202.wma'>강성훈 - My Girl</option>
<option value='mms://211.174.62.205/~service/garam4/b1060102.wma'>비(Be) - 아무것도</option>
<option value='mms://211.233.36.67/~garam/garam44/a0930403.wma'>윤상 - 이사</option>
<option value='mms://211.233.14.203/~service/garam4/j0520502.wma'>제이 (J) - 그때까지</option>
<option value='mms://211.233.14.203/~service/garam4/j0520505.wma'>제이 (J) - Same</option>
<option value='mms://211.174.62.205/~service/garam4/b0660901.wma'+ '>보아 - No.1</option>
<option value='mms://211.174.62.205/~service/garam4/b0660903.wma'>보아 - 늘.. (Waiting..)</option>
<option value='mms://211.174.60.197/~service/garam4/h0810103.wma'>휘성(Wheesung) - 안 되나요</option>
<option value='mms://211.233.14.203/~service/garam4/j1230105.wma'>전소영 - 천국의 연인들 feat. 박효신</option>
<option value='mms://211.174.62.54/~gaussren/garam4/p0360102.wma'>프랙탈 (Fractal) - Let Me Take You There</option>
<option value='mms://211.233.36.142/~service/garam4/o1340108.wma'>명랑소녀 성공기 - 명랑소녀 성공기</option>
<option value='mms://211.233.36.142/~service/garam4/o1340101.wma'>명랑소녀 성공기 - Love Song</option>
<option value='mms://211.233.13.211/~service/garam4/q0060802.wma'>컨츄리꼬꼬 - 콩가</option>
<option value='mms://211.233.13.211/~service/garam4/q0060805.wma'>컨츄리꼬꼬 - 명옥아! 서울가자</option>
<option value='mms://211.174.62.205/~service/garam4/b0840202.wma'>보이클럽 (Boyclub) - 초록비</option>
<option value='mms://211.233.38.99/~service/garam4/s1220102.wma'>신비(Shinvi) - To My Friends</option>
<option value='mms://211.233.14.203/~service/garam4/j0990203.wma'>자두 - 사나이 가는 길</option>
<option value='mms://211.233.14.203/~service/garam4/j0990206.wma'>자두 - 대화가 필요해</option>
<option value='mms://211.233.38.99/~service/garam4/s0860602.wma'>신화 - Perfect Man</option>
<option value='mms://211.174.62.54/~gaussren/garam4/p0100604.wma'>포지션(Position) - 마지막 약속</option>
<option value='mms://211.169.248.31/~service/garam4/k0051001.wma'>강수지 - 그대 사랑</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a3200102.wma'>이수(2Soo) - Trip (예솔 from DAGGAZ)</option>
<option value='+ 'mms://211.174.62.106/~gaussren/garam4/a3200104.wma'>이수(2Soo) - Take It Eazy (feat. SOUL FOOD)</option>
<option value='mms://211.233.14.203/~service/garam4/j1220102.wma'>제인(Jane) - 나의 자리</option>
<option value='mms://211.233.14.203/~service/garam4/j1220110.wma'>제인(Jane) - 나에게 너는</option>
<option value='mms://211.233.36.60/~garam/garam44/e2290103.wma'>J-Walk (제이 워크) - Suddenly</option>
<option value='mms://211.174.62.106/~gaussren/garam4/a2380104.wma'>악동클럽 - Remember</option>
<option value='mms://211.233.14.203/~service/garam4/j1210103.wma'>J.S - 그대없이 난 늘 이별일텐데</option>
<option value='mms://211.233.36.142/~service/garam4/s1190105.wma'>슈가 - Tell Me Why</option>
<option value='mms://211.169.248.31/~service/garam4/k1760103.wma'>강철 - 영원으로... </option>
<option value='mms://211.233.36.138/~service/garam4/r0050304.wma'>롤러코스터 - Last Scene</option>
<option value='mms://211.233.36.67/~garam/garam4/a1020203.wma'>윤일상 - 혼자 - I.S </option>
<option value='mms://211.233.36.142/~service/garam4/s1200102.wma'>서정훈 - 바다에서 태어난 해</option>
<option value='mms://211.233.36.138/~service/garam4/q0110401.wma'>코요테 - 프로필 (Profile)</option>
<option value='mms://211.233.36.138/~service/garam4/q0110402.wma'>코요테 - 비몽</option>
<option value='mms://211.169.248.31/~service/garam4/k1340901.wma'>김현철 - Loving You (Feat. 김현철)</option>
<option value='mms://211.233.14.203/~service/garam4/j1200106.wma'>장기호 - 그대에게 띄우는 편지 (Instrumental)</option>
<option value='mms://211.233.36.142/~service/garam4/s1180103.wma'>7Dayz - 내가 그댈</option>
<option value='mms://211.169.248.31/~service/garam4/k1730104.wma'>강성 - Always </option>
<option value='http://orangezone.org/asx/pakjiyoon-bakjo.asx'>박지윤 - 백조</option>
<option value='http://orangezone.org/asx/1tym-nasty.asx'>원타임 - Nasty</option>
<option value='http://myhome.dreamx.net/graffiti69/new/jsr102.asf'>지서련 - 울고 싶어지느 오후 </option>
<option value='http://myhome.dreamx.net/jindh83/home/sty104.asf'>심태윤 - 뭡니까  </option>
<option value='http://myhome.dreamx.net/graffiti69/sori/finkl402.asf'>핑클 - 영원</option>
<option value='http://myhome.dreamx.net/hoid4opah/candyman-ilgi.asf'+ '>캔디맨 - 일기</option>
<option value='http://myhome.dreamx.net/vjihfrjhrr/cool-gurese_hengbok_hab_nida.asf'>쿨 - 그래서 행복합니다</option>
<option value='http://myhome.dreamx.net/fdherjhw/t-babo.asf'>티(T) - 바보</option>
<option value='http://myhome.dreamx.net/sdrkjfgd/gorilra-youngone_t_rok.asf'>고릴라 - 영원토록</option>
<option value='mms://211.169.248.31/~service/garam4/k0990701.wma'>김정민 - 정상에서</option>
<option value='mms://211.233.36.60/~garam/garam44/e2260101.wma'>Well - ROMANCE</option>
<option value='mms://211.233.36.138/~service/garam4/r0270105.wma'>Link(링크) - 비가와</option>
<option value='mms://211.233.36.142/~service/garam4/s0990214.wma'>싸이 - 생</option>
<option value='mms://211.233.12.172/~service/garam44/d0450102.wma'>디원(The One) - 마지막 선물</option>
<option value='mms://211.233.36.67/~garam/garam4/a2360001.wma'+ '>유미 - 사랑은 언제나 목마르다</option>
<option value='mms://211.233.36.67/~garam/garam4/a3130103.wma'>우미진 - Alive</option>
<option value='mms://211.233.36.138/~service/garam4/r0240102.wma'>린애 - 이별후愛</option>
<option value='mms://211.233.12.172/~service/garam44/c0030203.wma'>차은주 - 알수 없어요 </option>
<option value='mms://211.233.36.142/~service/garam4/s1140101.wma'>사라 - 나비</option>
<option value='http://myhome.dreamx.net/alivblkdrlr/pakhekeung-rain.asf'>박혜경 - RAIN</option>
<option value='http://myhome.dreamx.net/gnureiaw/ejuk-rain.asf'>이적 - RAIN</option>
<option value='http://myhome.dreamx.net/kimjs8282/free/sjs106.asf'>서준서 - 나만의 그대모습</option>
<option value='http://myhome.dreamx.net/kimjs8282/free/moon202.asf'>문차일드 - 공유 </option>
<option value='+ 'http://myhome.dreamx.net/seojw1/img/lsy303.asf'>이수영 - 그리고 사랑해  </option>
<option value='http://myhome.dreamx.net/kimjs8282/free/winterost01.asf'>가을연가 - 처음부터 지금까지</option>
<option value='http://myhome.dreamx.net/seojw1/img/1tym3-07.asf'>원타임 - 어머니</option>
<option value='http://myhome.dreamx.net/ciihdee/delispice-ne_ga_engine_ul_ki_dul_gge.asf'>델리스파이스 - 항상 엔진을 켜둘께</option>
<option value='http://myhome.dreamx.net/qgqjjwhkj/hongsunkeung-reality.asf'>홍선경 - Reality</option>
<option value='http://myhome.dreamx.net/alivblkdrlr/ses-u.asf'>SES - U</option>
<option value='http://myhome.dreamx.net/nxrd5sdd/page-love_is_blue.asf'>페이지 - LOVE IS BLUE</option>
<option value='mms://211.233.36.67/~garam/garam4/a3140103.wma'>앤 - 아프고 아픈 이름</option>
<option value='http://myhome.dreamx.net/sdrkjfgd/leeshungwhan-jal_mot.asf'>이승환 - 잘못</option>
<option value='http://myhome.dreamx.net/sdrkjfgd/leejunghen-ban.asf'>이정현 - 반 </option>
<option value='mms://211.233.36.142/~service/garam4/s0770902.wma'>신승훈 - 사랑해도 헤어질 수 있다면</option>
<option value='mms://211.171.255.182/~service/garam44/b0920401.wma'>백지영 - 또 하나의 사랑 (Latin Mix) </option>
<option value='mms://211.171.255.182/~service/garam44/b0920402.wma'>백지영 - Love For You With 서정훈 </option>
<option value='mms://211.233.36.142/~service/garam4/s0670703.wma'>스페이스A - AGAIN</option>
<option value='mms://211.233.36.138/~service/garam4/p0080502.wma'>페이지 - 마지막 너를 보내며</option>
<option value='mms://211.233.38.113/~service/garam4/h0550101.wma'>한경일 - 한사람을 사랑했네 </option>
<option value='mms://211.171.255.182/~service/garam44/b0360603.wma'>박지윤 - 안돼요 돼요 </option>
<option value='mms://211.171.255.182/~service/garam44/b0360611.wma'>박지윤 - 잊을래 잊을래 </option>
<option value='mms://211.171.255.182/~service/garam44/b0360614.wma'>박지윤 - 빈자리 </option>
<option value='http://myhome.dreamx.net/einkcyhd/kimjongseo-starry_night.asf'>김종서 - STARRY NIGHT</option>
<option value='mms://211.233.38.113/~service/garam4/h0740103.wma'>현진영 - 요람</option>
<option value='mms://211.233.36.142/~service/garam4/o0950117.wma'>성시경 - 마리이야기</option>
<option value='mms://211.233.14.203/~service/garam4/j0730402.wma'>조장혁-SAD  </option>
<option value='mms://211.171.255.182/~service/garam4/b0430202.wma'>박화요비-눈물 </option>
<option value='mms://211.169.248.31/~service/garam4/k0510302.wma'>김동률-다시 사랑한다 말할까 </option>
<option value='mms://211.233.36.67/~garam/garam44/a1140501.wma'>이기찬-또 한번 사랑은 가고 </option>
<option value='mms://211.233.36.67/~garam/garam44/a1140506.wma'>이기찬-그대 없는 난.. (Without You) </option>
<option value='mms://211.169.248.31/~service/garam4/k1180303.wma'>김진표-믿을진 모르겠지만 </option>
<option value='http://myhome.dreamx.net/gkjjgkg/seohu-nega_anungude.asf'>서후-내가 아는 그대 </option>        </select>
</td>
</form>
</tr>
<tr><td height=7></td></tr>
</table><br>
<center><a href="muzicplayer.htm" target="_new"> 자신의 <b>카페</b>나 <b>홈페이지</b>에 <b>MusicPlayer 달기</b>!! </a><br><br>

<a href="player_popup.html" title="최신음악듣기"> <b>최신</b> </a>   
<a href="player_popup2.html" title="200곡의 한국인이 제일 좋아하는 팝송"> 팝송 </a>   
<a href="player_popup3.html" title="일본음악듣기"> 일본 </a>   
<a href="player_popup4.html" title="파이널판타지 게임음악앨범"> 파판 </a>   
<a href="player_popup5.html" title="기타음악듣기"> 기타 </a>
</table> <br><br><br><br><br><br><br>
<!--- MEZI.COM Counter Code Start --->
<img src=http://counter.mezi.com/counter.html?id=muzicplayer border=0 onclick="javascript:window.open('http://counter.mezi.com/counterstat.html?id=muzicplayer','', 'fullscreen=no,titlebar=no,toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=682,height=250,top=155,left=130');" style="cursor:hand;">
<!--- MEZI.COM Counter Code End --->

</BODY>
</HTML>
<script language=javascript for=MusicPlayer Event=EndOfStream>
        end_of_music();
</script>
<script language=javascript for=MusicPlayer Event=Error>
        error_of_music();
</script>
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기