호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
HOBBANG-SNOW bgm player 스킨 설정 방법 2003-05-29 00:21:21, 조회 : 7,200, 추천 : 74

HOBBANG-SNOW bgm player v. 2003.5 스틱형 (호빵-스노우 bgm 플레이어 2003년 5월 버전)


[호빵-스노우 bgm 플레이어 스틱형]은 프래임으로 나뉜 화면에서 사용하도록 된 것입니다.
다음 카페, 프리첼, 세이클럽 등의 카페나 동호회는 일반 HTML 문서들로 각 화면을 꾸미는 것이 아니므로 화면을 프래임(<FRAME> 태그로 나눈 화면)으로 나누지를 못합니다.
프래임 태그를 모르거나 프래임을 나누지 못하는 홈에서는 스틱형 플레이어 대신 팝업창을 띄워서 사용하게 만들어진 팝업형 플레이어를 사용하기 바랍니다.


[호빵-스노우 bgm 플레이어]의 특징 및 기능

  • 스틱형과 팝업형 플레이어 공통 사항

  • 1. 윈도우 미디어 7 기준으로 프로그래밍 되었습니다.
    2. 플레이, 멈춤, 이전, 다음, 일시 정지 기능을 할 수 있습니다.
    3. 노래 플레이 순서를 랜덤(목록 순서 무시) 또는 순차(목록 순서대로)를 선택할 수 있으며, 처음 시작도 랜덤이나 플레이로 지정할 수 있습니다.
    4. 현재 플레이 되는 노래 제목이 표시됩니다.
    5. 현재 노래의 플레이 시간과 위치, 현재 노래의 전체 플레이 시간이 표시됩니다.
    6. 컴퓨터의 볼륨 조절과는 별도로 플레이어의 볼륨 조절을 할 수 있습니다.
    7. 좌우 스피커의 밸런스를 조절하여 한쪽 스피커에서만 소리가 나오게 할 수 있습니다.
    8. 플레이 되는 노래 목록을 볼 수 있으며, 목록에서 선택하여 노래를 들을 수 있습니다.
    9. 현재 노래를 반복해서 들을 수 있습니다.
    10. 노래가 플레이 될 때에만 호빵이 움직입니다.
    11. 스킨 기능을 제공하여 같은 크기와 이름의 그림으로 폴더를 만든 후 전체 플레이어 그림을 바꿀 수 있습니다.
    12. 설정 사항은 bgm.html에서 간단히 수정할 수 있도록 설정되어 있습니다.
    13. 음악 파일이 실행할 수 없는 주소에 있거나 주소가 틀린 경우에는 윈도우 미디어 플레이어에서처럼 오류 창이 나타나므로 파일 주소가 잘못된 것을 금방 알 수 있습니다.


  • [호빵-스노우 bgm 플레이어] 사용시 부탁 사항

  • 1. 플레이어에 있는 http://hobbang.co.kr 그림은 삭제를 하지 말아주세요.
    2. 노래 제목 표시 화면에 나타나는 "◆ HOBBANG-SNOW bgm player ◆"라는 것 역시 플레이어 이름이므로 수정하지 말아주세요.
    3. 위의 1, 2의 내용을 수정하지 말라는 것은 프로그램의 버그나 업그레이드를 위한 사용자 지원과 저작권에 대한 최소한의 요구 사항입니다. 저 주소가 그대로 있어야 사용자가 문의나 문제 발생이 있을 때 제 홈으로 올 수 있겠죠. 플레이어의 기능을 업데이트 하기를 원하는 분들이라면 위의 1, 2의 내용은 항상 지켜주세요. (스킨 그림 만들 때에도 copyright.gif 그림 파일은 새로 만들지 마시고 그대로 사용해 주세요. ^^)
    4. [호빵-스노우 bgm 플레이어]의 자바스크립트 소스의 원저작은 저에게 있지만 프로그램의 기능 향상을 위한 소스 수정은 누구나 할 수 있습니다. 플레이어를 좀더 좋은 기능으로 수정을 하거나 스킨을 만들어 제공하여 주시면 호빵홈의 소스자료실에 제공자의 이름으로 올려드립니다. (소스 수정시에는 수정한 부분에 대한 설명과 수정 파일을 보내주셔야 합니다.)
    5. 스틱형과 팝업형 플레이어의 레이어 구조나 .js 파일은 약간 틀립니다. 그러므로 스틱형에서 팝업형으로 또는 팝업형에서 스틱형으로 변환할 때에는 압축 파일 전체를 다운 받아서 설치를 해주어야 합니다.


  • 그림 파일에 대한 설명

  • main.gif : 플레이어의 메인 배경 그림입니다.. 크기는 275x116입니다.

  • list.gif : 노래 목록 화면의 배경 그림입니다.. 크기는 275x170입니다.

  • h-vol.jpg : 볼륨조절 버튼으로 버튼 위에 마우스가 올라가지 않았을 때의 그림입니다.. 크기는 14x11입니다.

  • h-volu.jpg : 볼륨조절 버튼으로 버튼 위에 마우스가 올라갔을 때의 그림입니다.. 크기는 14x11입니다.

  • h-bal.jpg : 스피커 좌우 밸런스 조절 버튼으로 버튼 위에 마우스가 올라가지 않았을 때의 그림입니다.. 크기는 14x11입니다.

  • h-bal.jpgu : 스피커 좌우 밸런스 버튼으로 버튼 위에 마우스가 올라갔을 때의 그림입니다.. 크기는 14x11입니다.

  • h-trckbtn.jpg : 음악 진행바 버튼으로 버튼 위에 마우스가 올라가지 않았을 때의 그림입니다.. 크기는 29x10입니다.

  • h-trckbtnu.jpg : 음악 진행바 버튼으로 버튼 위에 마우스가 올라갔을 때의 그림입니다.. 크기는 29x10입니다.

  • h-ran.jpg : 랜덤/순차를 선택하는 버튼으로 노래 목록 순서대로(순차) 플레이 될 때 나타나는 그림입니다.. 크기는 29x16입니다.

  • h-ranu.jpg : 랜덤/순차를 선택하는 버튼으로 노래 목록 무시한 순서대로(랜덤) 플레이 될 때 나타나는 그림입니다.. 크기는 29x16입니다.

  • h-rep.jpg : 현재 노래 반복함/반복안함을 선택하는 버튼으로 현재 노래를 반복하지 않을 때 나타나는 그림입니다.. 크기는 46x16입니다.

  • h-repu.jpg : 현재 노래 반복함/반복안함을 선택하는 버튼으로 현재 노래를 반복할 때 나타나는 그림입니다.. 크기는 46x16입니다.

  • h-list.jpg : 노래 목록을 호출하는 버튼으로 버튼 위에 마우스가 올라갔을 때의 그림입니다.. 크기는 48x15입니다.

  • h-listu.jpg : 노래 목록을 호출하는 버튼으로 버튼 위에 마우스가 올라가지 않았을 때의 그림입니다.. 크기는 48x15입니다.

  • 1.gif : 노래가 플레이 되지 않을 때 나타나는 호빵 캐릭터입니다.. 크기는 41x29입니다.

  • 2.gif : 노래가 플레이 될 때 나타나는 호빵 캐릭터입니다.. 크기는 41x29입니다.

  • copyright.gif : 플레이어의 버그나 업그레이드를 위해 사용자가 홈을 쉽게 찾아오도록 호빵홈 주소를 적어놓은 그림입니다..이건 수정하지 마세요.

  • h-a1.jpg : 이전(prev) 버튼 그림으로 마우스를 올리지 않았을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a1u.jpg : 이전(prev) 버튼 그림으로 클릭했을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a2.jpg : 플레이(play) 버튼 그림으로 마우스를 올리지 않았을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a2u.jpg : 플레이(play) 버튼 그림으로 클릭했을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a3.jpg : 일시정지(pause) 버튼 그림으로 마우스를 올리지 않았을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a3u.jpg : 일시정지(pause) 버튼 그림으로 클릭했을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a4.jpg : 멈춤(stop) 버튼 그림으로 마우스를 올리지 않았을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a4u.jpg : 멈춤(stop) 버튼 그림으로 클릭했을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a5.jpg : 다음(next) 버튼 그림으로 마우스를 올리지 않았을 때 나타나는 그림입니다.. 크기는 23x19입니다.

  • h-a5u.jpg : 다음(next) 버튼 그림으로 클릭했을 때 나타나는 그림입니다.. 크기는 23x19입니다.



  • 스킨 파일의 설치

  • 위의 그림 파일 이름과 크기대로 각 파일들을 만들어 bgm.html이 있는 폴더 아래 새로운 폴더를 만들고 그 안에 저장을 합니다. (copyright.gif 파일은 수정하지 말고 그대로 파일 복사해서 사용하세요)
    bgm.html 파일의 설정 부분을 보면 var imgurl = "images/"; 라는 곳이 있습니다.. images가 기본 그림 폴더 이름입니다..
    만약 skin 이라는 폴더에 새로운 그림파일들을 만들었다면 var imgurl = "skin/"; 이라고 지정하면 스킨 지정 끝입니다..
    스킨 폴더가 몇 개 있다면 저 부분만 지정을 하면 윈엠프에서 스킨 지정하듯이 가끔 다른 그림으로 분위기 바꿀 수 있겠죠.. ^^

    HOBBANG-SNOW bgm player는 처음 공개한 프로그램이로 저도 발견하지 못한 버그가 있을 수 있습니다.. 사소한 오류라도 발생이 된다면 홈의 질문/답변 게시판에서 질문을 해주시기 바랍니다.. 다음 버전을 만들 때 참고하여 수정하도록 하겠습니다.



    2022-05-17
    04:11:11


      추천하기   목록보기

    현재글을 이메일로 보내기

    No 제 목 글쓴이 작성일 조회
    748   카페 대문용 플래시 소스     10-10 12:22 7709
    747   배경음악(배경노래) 태그 - bgsound, embed 태그     05-24 16:58 7608
    746   embed 태그를 사용한 간단한 음악 플레이, 멈춤 기능     05-24 16:58 7539
    745   비가 내려오는 소스 - 19  [1]   09-08 04:58 7537
      HOBBANG-SNOW bgm player 스킨 설정 방법     05-29 00:21 7200
    743   [펌] 줄이고, 자르고, 붙이고     05-05 23:59 7187
    742   연필 스케치 효과     10-01 06:24 7000
    741   스크립트 소스만 암호화, 암호해제 하기 Windows Script Encoder     06-21 23:27 6692
    740   호빵-스노우 플레이어 팝업형을 불러오는 화면만 가면 매번 플레이어가 다시 불려...     10-06 03:30 6458
    739   플래시 섹시한 여자 시계     10-22 06:24 6397
    738   [펌] 화면 캡쳐하기     05-05 23:58 6363
    737   여러 노래를 연속으로 듣는 방법(asx 파일 편집)     05-24 16:57 6355
    736   [펌] 여러 상황별 응급 조치 및 해결 방법     06-27 21:03 6328
    735   깔끔한 플래시 시계     10-21 06:51 6193
    734   마우스 주위에 돌아다니는 별     09-11 00:28 6024
       [1] 2 [3][4][5][6][7][8][9][10]..[51] [다음 10개]
     
    Copyright 1999-2022 Zeroboard / skin by Praise Jesus
    Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.