웹마스터 팁

안녕하십니까?
게시글 성격이 안맞으면 무통보 삭제하셔도 됩니다.

제가 소개하려고 하는것은, 예전에 배경음악 연주기로 꾀 많은 인기를 얻었던 연주기 소스를 소개하려고 합니다.
이 연주기의 원천 저작권은 오동 21(http://myhome.naver.com/odong21)입니다.
하지만, 이 사이트가 폐쇠되면서, 오동 21 외부 js파일이 삭제되었고, 이 오동21 음악연주기를 사용하던 많은 사람들은 더이상 이 연주기를 사용할 수 없게 되었습니다.
하지만 이 js파일 및 그림파일이 있으면 다시 사용할 수 있는법.
저에게도 꼭 필요한 자료였던 터라, 인터넷에서 수소문하고 오랫동안 찾아해매던 중, 이 연주기의 소스를 미리 받아두었던 사람들로부터 js파일과 그림파일을 얻을 수 있었습니다.


본 자료는 이곳에 올려진 소스(연주기가 장착될 곳에 삽입될 소스)와, 외부 js파일 및 그림파일을 모두 사용하셔야 합니다.

먼저
http://www.technicalmj.com/player.zip
이곳에서 첨부파일을 받습니다.
nzeo.com에서 첨부파일 기능이 있으면 좋겠는데, 그림파일만 가능하여 일단 제 홈페이지에 업로드 했습니다.

이 첨부파일에는 각종 그림파일 및 js소스가 있습니다.
압축을 풀고 player폴더 안에 모아둡니다.

그리고 아래의 소스가 필요합니다.
아래의 소스는 html파일에 실제 보여지는 소스이므로, 원하는 위치에 삽입하셔야 합니다.
삽입 후 저장된 html파일과 player폴더를 하나의 폴더 안에 넣고 html파일을 실행하면 연주기가 실행될겁니다.

음악 파일 및 각종 설정들은 아래 소스의 주석을 참고하여 넣으시면 됩니다.


추가로, 미리보기를 넣지 않았는데,
http://www.technicalmj.com
에 접속하시면 홈페이지 상단에 연주기가 장착되어 있으니 참고하시기 바랍니다.

--------------------------------------------------------------------------------
<meta name="author" content="오동21 http://myhome.naver.com/odong21">
<script language="JavaScript1.2">
<!--
//------------------------------------------------------------------------------
// 인터넷용 음악연주기 동미-쥬크 스틱
// (c)저작권자::오동21 http://myhome.naver.com/odong21  
// 누구든지 사용하실 수 있으며 다운로드자료로 게시하거나 활용하셔도 좋습니다.
// 소스의 임의수정이나 영리목적으로 사용은 허용되지 않습니다.
//------------------------------------------------------------------------------

// [설정-1] 사용자가 자유롭게 변경하는 영역  

// 음악주소 입력하는 곳 "제목=음악주소", 처럼 추가하세요. 2곡이상 있어야 동작합니다.

odw_list=new Array(

"표시될 제목=음악 파일이 있는 경로.wma",
"표시될 제목=음악 파일이 있는 경로.mp3",


"");

// [설정-2] 연주곡을 미리 선택합니다. 선택은 1, 해제는 0 입니다.
// 만약 10곡이 있을 때  2번,4번곡만 지정해 두려면 "0101" 처럼 하세요.    
// (예제) odw_list_select="0101000000";

odw_list_select="11";



// [설정-3] 랜덤모드인지를 지정합니다. 1이면 창이 뜰 때 지정됩니다. 순서없이 곡을 연주합니다.

odw_list_random=1;

// [설정-4] 반복모드인지를 지정합니다. 1이면 1곡을 반복하여 계속 연주하게 됩니다.

odw_list_repeat=0;

// [설정-5] 자동시작인지를 지정합니다. 1이면 창이 뜨면서 연주를 시작합니다.

odw_list_play=1;

// [설정-6] 본체의 배경(스킨)을 번호로 지정합니다.(기본제공스킨 0~30번)

odst_skin=0;

// [설정-7] 곡 선택창의 타이틀바에 들어갈 문자열로 바꾸어 줍니다.(길면 안됩니다.)

odst_title="www.thchnicalmj.com";

// [설정-8] 곡 선택창에 배경그림을 사용할때만 입력합니다. (http://.부터 파일명까지)

odst_background="";

// [설정-9] 곡 선택창의 배경색을 지정합니다. 불투명 배경그림이 있으면 보이지 않습니다.

odst_bgcolor="#AEF7B8";

// [설정-10] 기본스킨번호를 무시할 때 파일명을 지정합니다.(아래줄의 odst_imageURL의 주소기준)

odst_userSkinName="";

// [설정-11] 사용되는 스킨,버튼등의 모든 이미지가 있는 주소를 지정합니다.(주소끝에 / 넣으세요)

odst_imageURL="player/";


// [설정-12] 곡제목창의 글씨체 지정
// odst_title_fontname="티티체";

odst_title_fontname="굴림";

// [설정-13] 곡제목창의 글씨크기지정

odst_title_fontsize="9pt";

// [설정-14] 곡제목창의 색상지정(평소 보이는 제목창)

odst_title_fontcolor='darkblue';

// [설정-15] 리스트창에 웹폰트사용시 웹폰트가 있는 주소
// (예제) odst_list_webfont_url='@font-face  {font-family:  티티체;src:url(http://myhome.naver.com/odong21/TTche.eot);}';

odst_list_webfont_url='';

// [설정-16] 리스트창에 적용될 폰트종류,크기,색상  
// (예제) odst_list_body_style='td,body{ margin:0; font-family:티티체,Verdana; font-size:9pt; color:#333333; }';

odst_list_body_style='td,body{ margin:0; font-family:굴림,Verdana; font-size:9pt; color:#333333; }';

// [설정-17] 리스트창에 적용될 스크롤바 지정

odst_list_scroll_style='';

// [설정-18] 리스트창에 적용될 배경그림지정

odst_list_background_style='body{}';

// [설정-19] 리스트창의 리스트에 마우스 닿을 때 색상

odst_list_over_textcolor='blue';

// [설정-20] 리스트창의 리스트 평소 색상

odst_list_out_textcolor='darkblue';

// [설정-21] 리스트창의 폭(가로크기)

odst_list_width=350;

// [설정-22] 리스트창의 높이(세로크기)

odst_list_height=300;

// [설정-23] 리스트창 닫기 문구나 그림지정

odst_list_close_button='창닫기[x]';


// [설정-24] 연결지연시 최대 대기 시간-초단위 (다음 곡 넘어가기 위해 기다리는 시간)

odst_link_wait_time=40;


//-->


</script>
<script src="player/odjukest129.js"></script>