웹프로그래머의 홈페이지정보 블로그

홈페이지 동시접속자수 구현을 위한 PHP 소스 코드

2008-09-21T09:51:03Z

홈페이지 동시접속자수 구현을 위한 PHP 소스 코드

내 홈페이지의 동시 접속자수는 몇명이나 될지 궁금할 때가 있습니다. 이런 필요로 동시 접속자수를 알려주는 위젯도 있고 제 블로그에서도 플래시 위젯으로 동시 접속자수를 알려주는 위젯을 제공하고 있기도 합니다. 그러나 직접 만들어서 동시접속자를 알려주는 것이 좀더 매력적이라고 생각하는 분들이 있다면 아래 소스 코드를 참고 하세요.^^
웹서비스의 특성상 완벽한 동시접속자를 알아 낼 수 없으므로 약간의 편법이 필요합니다. 웹서비스는 요청한 웹페이지를 내보내주고 접속을 끊으므로 같은 사용자라는 것을 알려주는 세션(session)을 발행합니다. 세션이 같으면 같은 사용자라고 볼 수 있습니다. 이 세션을 구분하는 ID 와 카운트 하고 있는 페이지(page) URL 그리고 시간(ctime)을 기록하고 현재 시간을 기준으로 적당한 시간(30초 ~ 60초) 이내에 있는 기록만 남기고 삭제 합니다. 그러면 남아 있는 레코드의 갯수가 동시 접속자수가 됩니다. 이런 작업을 하기 위해 데이타베이스에 아래와 같은 테이블을 만들고 세션 ID(session)는 주키로 시간(ctime)을 인덱스로 만듭니다.

CREATE TABLE abc_siteon (
session varchar(64) NOT NULL default '',
page varchar(255) default '',
ctime datetime default NULL,
PRIMARY KEY (session),
KEY ctime (ctime)
)

그리고 아래와 같은 페이지(siteon_counter.php)를 만들고 원하는 홈페이지에 보이지 않는 이미지로 출력합니다. 또는 해당 홈페이지의 로고(images/siteon.gif)를 출력하거나 GD 라이브러리를 사용할 수 있는 분들은 아래 소스 마지막 라인에 이미지 출력 대신 레코드의 갯수를 숫자 이미지로 출력해주는 코드를 입력하실 수 있습니다.

session_start();
$connect = @mysql_connect("localhost", "user", "password") or die("");
@mysql_select_db("database") or die("");
@mysql_query("set names utf8");
//mysql_query("set names latin1");
//mysql_query("set names euckr");
$table_name = 'abc_siteon';
$session_id = session_id();
$page = $_SERVER['HTTP_REFERER'];
if (strlen($page)<1) $page="direct";
$query = "insert into $table_name set session='$session_id'";
@mysql_query($query);
$query = "update $table_name set page='$page', ctime=now() where session='$session_id'";
@mysql_query($query);
$query = "delete from $table_name where ctime < DATE_SUB(NOW(), INTERVAL 60 SECOND)";
@mysql_query($query);
@readfile("images/siteon.gif");
?>

src="/siteon_counter.php" width="1" height="1">

아래의 소스 코드(siteon.php)를 이용해 노출하고 싶은 홈페이지의 적당한 위치에 동시 접속자수를 표시해주면 동접자 구현이 완료됩니다.

$connect = @mysql_connect("localhost", "user", "password") or die("");
@mysql_select_db("database") or die("");
@mysql_query("set names utf8");
$table_name = 'abc_siteon';
$query = "select count(*) total from $table_name";
$result = mysql_query($query);
$total = 0;
if ($result) {
$row = mysql_fetch_row($result);
if ($row) {
$total = intval($row[0]);
}
}
echo "동접 ".$total."명";
?>

관리자 페이지에 현재 레코드 현황을 확인할 수 있는 페이지를 만들고 페이지별 동접자수를 확인할 수 있도록 하는 것도 유용합니다. 그리고 리눅스/유닉스용 스캐쥴러인 크론(cron)을 이용해서 1분마다 동접자수를 기록하고 이를 그래프화 하면 홈페이지 트래픽을 보기좋게 파악할 수 있는 유용한 홈페이지 관리 도구가 됩니다. PHP 초급자도 파악할 수 있는 수준으로 소스 코드가 작성되었으므로 차근 차근 소스 코드를 살펴보시면 이해가 될 것이라 생각합니다.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

tag : 블로그, 홈페이지, PHP, 카운터, 세션, session, 구현, 동시접속자수, 동접, 소스코드

플래시 스터디, 세로형 네비게이션 만들기

2008-09-21T09:47:52Z

플래시 스터디, 세로형 네비게이션 만들기

9월 20일 오늘 스터디에서는 각자 만들어온 플래시에 대해 설명하고 제작할때 생긴 문제에 대해 질문하고 함께 풀어보고 트윈 클래스와 배열에 대해서 이해하는 시간을 가졌고 즉석에서 플래시 네비게이션을 만들어보는 시간을 가졌습니다. 10월 4일 스터디 과제는 이번에 학습한 몇가지를 응용하셔서 플래시 그래프와 전광판을 만들어보는 것입니다. 하단에 있는 자료들을 참고하시면 도움이 될 것입니다.
그리고 과제는 반드시 직접 해보시고 잘 안되는 부분에 대해 질문할 내용을 준비해두세요.

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

[제3회 스터디 학습 자료]

세로형 네비게이션 액션 스크립트 소스 - flashmenu.as
아래 소스는 몇년전 플래시에 대해 제대로 파악하고 있지 못했던 시기에 만든 것으로 부족한 부분이 있을 수 있으나 오히려 입문자를 위한 학습 자료가 될 수 있어 공개합니다.

flashmenu.as

flashmenu.fla

import flash.geom.ColorTransform;
import flash.geom.Transform;

var mc_max = 8;
var mc_top = 10;
var mc_height = 30;
var mc_sub_height = 20;
var mmc_height = new Array();
var mmc_height_more = 26;
var mc_select = -1;

menu_list = new Array("플래시(Flash)","포토샵(Photoshop)","서비스(Service)","카페(Cafe)","블로그(Blog)");
menu_link = new Array("http://www.hompydesign.com/club/meet.htm","http://www.hompydesign.com/club/ani.htm","http://www.hompydesign.com/showdir.php","http://coordy.cyworld.com/","http://www.hompydesign.com/ex/main_index.htm");

submenu_list = new Array();
submenu_list[0] = new Array("미니홈피","플래시채팅","플래시소스","플래시갤러리","RSS 리더","PHP 사전","한자게임","달력과 시계");
submenu_list[1] = new Array("포토 라이브러리","랜덤 이미지");
submenu_list[2] = new Array("무료 도메인","한글 도메인","블로그 스크랩","미니홈피 갤러리","프로게이머");
submenu_list[3] = new Array("패션 코디 클럽","직장인 인맥만들기","플래시 카페","스타크래프트 클럽");
submenu_list[4] = new Array("블로그","싸이월드 홈2","미니홈피","게시판");

submenu_link = new Array();
submenu_link[0] = new Array("http://www.hompydesign.com/club/flash.htm","http://www.hompydesign.com/flash/chat.htm","http://www.hompydesign.com/club/flash_movie.php","http://www.hompydesign.com/club/photo.htm","http://www.hompydesign.com/club/xmlreader.htm","http://www.hompydesign.com/flash/phpdic/phpdic.htm","http://www.hompydesign.com/hanja/","http://www.hompydesign.com/club/calendar.htm");
submenu_link[1] = new Array("http://www.hompydesign.com/club/photolib.html","http://www.hompydesign.com/club/ani.htm","","","","","","","");
submenu_link[2] = new Array("http://www.hompydesign.com/showdir.php","http://www.hompydesign.com/club/korean_domain.php","http://www.hompydesign.com/club/post.com","http://www.hompydesign.com/club/photo_list.com","http://www.hompydesign.com/club/rank_write_starcraft.com","","","");
submenu_link[3] = new Array("http://coordy.cyworld.com/","http://makehost.cyworld.com/","http://cafe.naver.com/q69.cafe","http://starcraft.or.kr/","","","");
submenu_link[4] = new Array("http://hompy.info","http://www.cyworld.com/onblog","http://www.cyworld.com/makehost","http://www.hompydesign.com/ex/main_index.htm","","","");
ready();

function text_over(){
this.title_tf.textColor = 0xFFFFFF;
}
function text_out(){
this.title_tf.textColor = 0xE8EB91;
}
function text_click(){
getURL(this.link,"_main_");
}

function ready() {
for (i=0;i
var obj = this["mc_"+i];
obj.targetX = 0;
obj.targetY = mc_height * i;
obj.speedX = 0.2;
obj.speedY = 0.2;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
obj.main.onRollOver = move_mc;
obj.main.title = menu_list[i];
obj.main.title_tf.textColor = 0xfdffc7;
obj.main._xscale = 100;
obj.main._yscale = 100;
obj.no = i;
obj.main.link = menu_link[i];
obj.main.onRelease = text_click;
for (j in submenu_list[i]){
obj.submenu["title"+j].str = submenu_list[i][j];
obj.submenu["title"+j].onRollOver = text_over;
obj.submenu["title"+j].onRollOut = text_out;
obj.submenu["title"+j].link = submenu_link[i][j];
obj.submenu["title"+j].onRelease = text_click;
}
for (j=submenu_list[i].length;j"title"+j]._visible = false;
obj.submenu["title"+(submenu_list[i].length-1)].line_mc._visible = false;
obj.mlist._visible = false;
obj.over_mc._visible = false;
mmc_height[i] = submenu_list[i].length*mc_sub_height;
}
}

first_mc(0);
function first_mc(menu_no){
for (i=0;i
var obj = _root["mc_"+i];
/*
var colorTrans:ColorTransform = new ColorTransform();
var trans:Transform = new Transform(obj.over_mc);
*/
obj.main._xscale = 100;
obj.main._yscale = 100;
if (menu_no==i) {
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._height = mmc_height[i];
//obj.mlist_tail._y = obj.mlist._y + mmc_height[i];
obj.submenu._visible = true;
obj.mlist._visible = true;
obj.mlist_head._visible = true;
obj.mlist_tail._visible = true;
obj.over_mc._visible = true;
//colorTrans.rgb = 0x0000ff; trans.colorTransform = colorTrans;
if (obj.no != mc_select) {
//obj.main.onEnterFrame = show_mainmc;
obj.submenu.gotoAndPlay(1);
obj.submenu._alpha = 10;
obj.submenu.onEnterFrame = show_submc;
obj.mlist._alpha = 10;
obj.mlist._height = 1;
obj.mlist.onEnterFrame = show_submc_h;
obj.mlist_head._alpha = 10;
obj.mlist_head.onEnterFrame = show_submc;
obj.mlist_tail._alpha = 10;
obj.mlist_tail.onEnterFrame = show_submc;
}
} else {
obj.over_mc._visible = false;
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
colorTrans.rgb = 0x00ccff; trans.colorTransform = colorTrans;
}
obj.targetY = mc_top + mc_height * i;
if (menu_no < i) obj.targetY += mmc_height[menu_no]+ mmc_height_more;
//trace(obj.no+':'+obj.targetY);
obj.onEnterFrame = go_mc;
}
mc_select = menu_no;
}

function move_mc(){
for (i=0;i
var obj = _root["mc_"+i];
/*
var colorTrans:ColorTransform = new ColorTransform();
var trans:Transform = new Transform(obj.over_mc);
*/
obj.main._xscale = 100;
obj.main._yscale = 100;
if (this._parent.no==i) {
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._height = mmc_height[i];
//obj.mlist_tail._y = obj.mlist._y + mmc_height[i];
obj.submenu._visible = true;
obj.mlist._visible = true;
obj.mlist_head._visible = true;
obj.mlist_tail._visible = true;
obj.over_mc._visible = true;
//colorTrans.rgb = 0x0000ff; trans.colorTransform = colorTrans;
if (obj.no != mc_select) {
//obj.main.onEnterFrame = show_mainmc;
obj.submenu.gotoAndPlay(1);
obj.submenu._alpha = 10;
obj.submenu.onEnterFrame = show_submc;
obj.mlist._alpha = 10;
obj.mlist._height = 1;
obj.mlist.onEnterFrame = show_submc_h;
obj.mlist_head._alpha = 10;
obj.mlist_head.onEnterFrame = show_submc;
obj.mlist_tail._alpha = 10;
obj.mlist_tail.onEnterFrame = show_submc;
}
} else {
obj.over_mc._visible = false;
obj.main.title_tf.textColor = 0xfdffc7;
obj.mlist._visible = false;
obj.submenu._visible = false;
obj.mlist_head._visible = false;
obj.mlist_tail._visible = false;
colorTrans.rgb = 0x00ccff; trans.colorTransform = colorTrans;
}
obj.targetY = mc_top + mc_height * i;
if (this._parent.no < i) obj.targetY += mmc_height[this._parent.no]+ mmc_height_more;
//trace(obj.no+':'+obj.targetY);
obj.onEnterFrame = go_mc;
}
mc_select = this._parent.no;
}

function show_mainmc(){
if (this._xscale<110) {
this._xscale += 2;
if (this._xscale > 110) this._xscale = 110;
this._yscale = this._xscale;
} else {
this.onEnterFrame = null;
}
}

function show_submc(){
if (this._alpha<100) {
this._alpha += 10;
if (this._alpha > 100) this._alpha = 100;
} else {
this.onEnterFrame = null;
}
}

function show_submc_h(){
if (this._alpha<100) {
this._alpha += 10;
if (this._alpha > 100) this._alpha = 100;
this._height = mmc_height[this._parent.no]*this._alpha / 100;
this._parent.mlist_tail._y = this._y + this._height;
} else {
this.onEnterFrame = null;
}
}

function go_mc() {
var obj = this;
var len = (obj._x - obj.targetX)*(obj._x - obj.targetX)+(obj._y - obj.targetY)*(obj._y - obj.targetY)/2;
if (len < 1){
obj._x = obj.targetX;
obj._y = obj.targetY;
obj.onEnterFrame = null;
}
obj._x = obj._x + obj.speedX*(obj.targetX - obj._x);
obj._y = obj._y + obj.speedY*(obj.targetY - obj._y);
}

[제4회 스터디 학습 과제]

1차원 배열과 Tween 클래스를 이용해서 전광판을 만들어보세요.
전광판 참고 URL : http://hompy.info/204

2차원 배열과 Tween 클래스를 이용해서 그래프를 만들어보세요.
그래프 참고 URL : http://hompy.info/192

[Tween 클래스 참고 게시물]

http://cafe.naver.com/q69/38901
http://cafe.naver.com/q69/115118

[플래시 배열 참고 게시물]

http://cafe.naver.com/q69/115164

[html에서 플래시로 변수 전달 참고 게시물]

http://cafe.naver.com/q69/7386

tag : 전광판, 소스, 리뷰, 네비게이션, 플래시, 그래프, 스터디, flash, 과제물, 산출물, 세로형

웹브라우져 시작페이지를 가볍고 깔끔하게...

2008-04-13T12:11:17Z

웹브라우져 시작페이지를 가볍고 깔끔하게...

웹브라우져 시작페이지를 가볍고 깔끔한 페이지로 바꿔보았습니다. 가볍고 깔끔하다는 것은 개인적인 판단입니다.
전에는 포털 사이트(주로 네이버)를 시작페이지로 설정해서 사용해왔었고 개인적으로 검색이나 다른 섹션으로 가는 링크 몇개 정도를 주로 이용하게 되더군요. 언제 어디서나 손쉽게 시작페이지를 설정할 수 있다는 면과 개인 적으로 검색을 자주 이용하는 성향으로 포털 홈페이지를 시작 페이지로 사용했던 것은 당연했었습니다. 그런데 웹브라우져를 조금 무거워 보이는 IE7 로 바꾸게 되고 나니 검색창도 별도로 있는데다 웹브라우져를 다수 띄우거나 다른 많은 프로그램과 병행해서 띄울 경우 그럭저럭 빠른 포털 홈페이지도 컴퓨터 자원의 효율적인 활용에 장애가 되는 문제로 인해 시작페이지를 비워두게 되었던 적도 있습니다. 그러나 빈페이지는 흰배경화면일 경우 눈에 피로감을 줄 수 있고 아무런 역할을 하지 못하는 공백이라는 단점이 있어 나만의 시작페이지를 만들어 보자는 결론에 이르렀습니다. AJAX 라는 기술과 웹2.0 이라는 트랜드를 도입한 개인 맞춤형 포털 사이트 라는 것이 있어 개인의 취향에 맞게 활용도 높은 시작페이지를 만들 수 있는 서비스들이 있지만 개인적으로 무거운 느낌이 들고 나름 번거로운 작업을 해야 합니다. 빼곡하게 링크들만 모아놓은 시작페이지 서비스를 하는 곳도 있지만 개인적인 취향에 맞지 않더군요.
그래서 나만의 시작페이지를 직접 코딩해서 사용하기로 했습니다. 로딩 속도, 기능성, 인터페이스, 배치 등을 고려해서 나름 심혈을 기울여 페이지를 완성했습니다. 급조한 페이지라 어딘가 부족해 보이는 부분이 있긴 한데 IE 와 Firefox 에서 별 무리 없이 돌아가며 부족한 부분은 심플한 플래시 위젯이나 자바스크립트 위젯을 만들어 보강할 생각입니다. 현재는 주요 사이트를 한글이나 영문으로 검색할 수 있는 "go hompy" 라는 플래시 위젯과 심심풀이를 위한 플래시 채팅 위젯을 붙여 두었습니다. 페이지 좌측에는 주요 포털 검색 사이트 검색창, 달력, 위젯 등을 배치했습니다. 검색을 자주 많이 다양하게 활용하는 터라 검색창을 주요 포털 마다 하나씩 나열했습니다. 페이지 중앙에는 홈페이지 링크들을 모아둔 박스들이 나열되어 있고 박스 타이틀 위에서 마우스를 위 아래로 이동하며 페이징 할 수 있게 했습니다. 개별 링크 앞에 있는 "+" 를 클릭해 새창에서도 해당 링크를 열 수 있게 했습니다. 로딩 속도를 높이기 위해 TEXT 위주로 구성을 했으며 DB접속 없이 페이지를 띄우도록 캐싱 처리 되었습니다. 실시간 검색어, IT 관련 최신 취업 정보, 최근에 관심 받고 있는 블로그 글로 구성된 박스도 배치되었습니다. 결과물을 내컴퓨터에 보관해서 쓸 수도 있지만 언제 어디서나 나만의 시작페이지로 이용할 수 있게 하는 접근성을 높이기 위해 별도의 심플한 주소를 가진 홈페이지에 업로드 되었습니다. 웹프로그래머의 시작페이지 주소는 http://go.hompy.info 가 되었습니다. 더 튜닝해야 할 것이 많지만 저랑 비슷한 성향을 가진 분들을 위해 시작페이지를 공개합니다. 다소간의 시간 여유가 있는 분들은 자신 만의 시작페이지를 직접 만들어 웹브라우져의 첫화면을 보다 가볍고 깔끔하게 사용해 보시기 바랍니다.

[웹사이트 검색 위젯 GO HOMPY 플래시 HTML 태그 ]

[심심풀이 실시간 채팅 위젯 블로그쳇 플래시 HTML 태그]
hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high">

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 리뷰, 플래시, 위젯, 시작페이지, 검색, flash, firefox, IE7, 웹브라우져, start page

멋진 워크래프트3 배경음악 MP3 16종 감상하기

2007-09-19T09:04:11Z

멋진 워크래프트3 배경음악 MP3 16종 감상하기

플래시(flash) MP3 뮤직 플레이어로 워크래프트3(Warcraft III) 배경음악 16개를 연속해서 재생해보겠습니다. 워크래프트 배경음악 MP3 파일들을 블로그 글쓰기 파일 관리자로 한꺼번에 업로드 합니다. 업로드한 파일을 모두 선택하고 파일 관리자 상단에 중앙정렬 버튼을 누르면 웹에디터 내용에 MP3 파일이 포함됩니다. HTML 모드로 전환하면 MP3 파일 URL 링크들을 확인할 수 있습니다. MP3 링크 갯수가 많아서 링크를 추출하기 번거롭고 눈이 아프다면 EDITPLUS 정규식 치환을 사용해서 단숨에 MP3 파일 링크를 추출해봅시다. EDITPLUS에 태그를 복사해 와서 바꾸기(CTRL+H)기능을 선택하고 아래 (가)를 (나)로 전체 바꾸기 하시면 됩니다. 아래 강조된 도메인은 자신이 사용하는 블로그 도메인으로 바꿔서 써야 됩니다.

(가) ^ on&mp3=http://factor.kr/attachment/cn311.mp3;http://factor.kr/attachment/dn303.mp3;http://factor.kr/attachment/cn310.mp3;http://factor.kr/attachment/dn304.mp3;http://factor.kr/attachment/dn305.mp3;http://factor.kr/attachment/cn312.mp3;http://factor.kr/attachment/dn306.mp3;http://factor.kr/attachment/cn313.mp3;http://factor.kr/attachment/cn314.mp3;http://factor.kr/attachment/dn307.mp3;http://factor.kr/attachment/dn308.mp3;http://factor.kr/attachment/dn309.mp3;http://factor.kr/attachment/dn310.mp3;http://factor.kr/attachment/cn315.mp3;http://factor.kr/attachment/dn311.mp3;http://factor.kr/attachment/cn309.mp3&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="50">
아래 뮤직 플레이어는 크기를 줄이고 스킨(배경 사진)도 바꿨으며 자동 재생을 하지 않도록 했습니다. 플레이어 아래 HTML 태그를 참고하세요.

off&mp3=http://factor.kr/attachment/cn311.mp3;http://factor.kr/attachment/dn303.mp3;http://factor.kr/attachment/cn310.mp3;http://factor.kr/attachment/dn304.mp3;http://factor.kr/attachment/dn305.mp3;http://factor.kr/attachment/cn312.mp3;http://factor.kr/attachment/dn306.mp3;http://factor.kr/attachment/cn313.mp3;http://factor.kr/attachment/cn314.mp3;http://factor.kr/attachment/dn307.mp3;http://factor.kr/attachment/dn308.mp3;http://factor.kr/attachment/dn309.mp3;http://factor.kr/attachment/dn310.mp3;http://factor.kr/attachment/cn315.mp3;http://factor.kr/attachment/dn311.mp3;http://factor.kr/attachment/cn309.mp3&skin=http://hompy.us/club/images/aqua.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="20">

워크래프트3 유닛 보기 플래시 위젯

2007-09-18T08:49:42Z

워크래프트3 유닛 보기 플래시 위젯

워크래프트3 유닛(warcraft3 unit)들을 하나의 플래시(flash)로 모아서 보여주는 위젯(?)입니다. 플래시 설정을 바꿔서 원하는 유닛을 선택할 수 있도록 되어 있습니다. 만들다 보니 블로그의 동시접속자 수나 방문자 수가 늘어나면 영웅 캐릭터로 바뀐다던지 버디 키우기 같은 것으로 만들면 좋겠다는 생각이 드는군요. 좀더 고민해보고 좋은 아이디어 떠오른다면 다시 업그레이드해보겠습니다. 사용법은 아래 플래시 HTML 태그를 스킨의 원하는 위치에 삽입하면 되고 태그의 빨간색 부분을 원하는 유닛으로 바꾸면 되며 유닛 목록은 하단에 있습니다. 단, 유닛 선택을 하지 않으면 아크메이지가 선택됩니다. 크기는 파란색 부분을 변경하면 되지만 200 x 200 이 최적화된 사이즈입니다.

[워크래프트3 유닛 보기 위젯 플래시 HTML 태그]

human/flyingmachine" src="http://www.hompydesign.com/club/w3unit.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="200">

orc/batrider" src="http://www.hompydesign.com/club/w3unit.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="150">

[워크래프트3 유닛 보기 위젯에서 선택할 수 있는 유닛]

human/archmage
human/bloodmage
human/dragonhawk
human/flyingmachine
human/footman
human/gryphonrider
human/knight
human/militia
human/mortarteam
human/mountainking
human/paladin
human/peasant
human/phoenix
human/priest
human/rifleman
human/siegeengine
human/sorceress
human/spellbreaker
human/waterelement

nightelf/archer
nightelf/avatarofvengeance
nightelf/chimaera
nightelf/demonhunter
nightelf/driad
nightelf/druidclaw
nightelf/druidtalon
nightelf/ent
nightelf/faeriedragon
nightelf/glaivethrower
nightelf/hippogryph
nightelf/hippogryphrider
nightelf/huntress
nightelf/keeper
nightelf/mountaingiant
nightelf/owlscout
nightelf/priestess
nightelf/spiritofvengeance
nightelf/warden
nightelf/wisp

orc/batrider
orc/berserker
orc/blademaster
orc/chieftain
orc/demolisher
orc/direwolf
orc/farseer
orc/grunt
orc/headhunter
orc/kodo
orc/peon
orc/serpentward
orc/shadowhunter
orc/shadowwolf
orc/shaman
orc/spiritwalker
orc/spiritwolf
orc/tauren
orc/witchdoctor
orc/wolfrider
orc/wyvernrider

undead/abomination
undead/acolyte
undead/banshee
undead/cryptfiend
undead/cryptlord
undead/deathknight
undead/destroyer
undead/dreadlord
undead/frostwyrm
undead/gargoyle
undead/ghoul
undead/infernal
undead/lich
undead/meatwagon
undead/necromancer
undead/obsidianstatue
undead/scarab
undead/shade
undead/skeletalmage
undead/skeleton

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 게임, 플래시, 위젯, game, 워크래프트3, flash, 유닛, widget, unit, warcraft3

워크래프트3(warcraft3) 유닛 움직이는 이미지 60여종

2007-09-17T08:57:47Z

워크래프트3(warcraft3) 유닛 움직이는 이미지 60여종

워크래프트3(warcraft3) 유닛 움직이는 이미지(애니메이션 GIF) 60여종입니다. 아마 빠진 유닛도 있을 겁니다. 맘에 드는 유닛을 골라보세요.

[Heroes of Human]
Paladin, Archmage, Mountain King, Blood Mage

[Units of Human]
Peasant, Militia, Footman, Rifleman, Knight, Priest, Sorceress, Spell Breaker, Flying Machine, Mortar Team, Siege Engine, Gryphon Rider, Dragonhawk Rider, Water Elemental, Phoenix

[Heroes of Orc]
Blademaster, Far Seer, Tauren Chieftain, Shadow Hunter

[Units of Orc]
Peon, Grunt, Troll Headhunter, Troll Berserker, Demolisher, Shaman, Witch Doctor, Spirit Walker, Raider, Kodo Beast, Wind Rider, Troll Batrider, Tauren, Spirit Wolf, Dire Wolf, Shadow Wolf, Serpent Ward

[Heroes of Night Elf]
Demon Hunter, Keeper of the Grove, Priestess of the Moon, Warden

[Units of Night Elf]
Wisp, Archer, Huntress, Glaive Thrower, Dryad, Druid of the Claw, Mountain Giant, Hippogryph, Druid of the Talon, Faerie Dragon, Hippogryph Rider, Chimaera, Treant, Owl, Avatar of Vengeance, Spirit of Vengeance

[Heroes of Undead]
Death Knight, Dread Lord, Lich, Crypt Lord

[Units of Undead]
Acolyte, Ghoul, Crypt Fiend, Gargoyle, Abomination, Meat Wagon, Necromancer, Banshee, Frost Wyrm, Shade, Skeleton Warrior, Skeletal Mage, Infernal, Carrion Beetle, Obsidian Statue, Destroyer

웹프로그래머의 홈페이지 정보 블로그 http://hompy.info

tag : 게임, 이미지, 캐릭터, game, 워크래프트, 유닛, images, unit, warcraft3

플래시 동영상 플레이어의 활용 (예제:와우 동영상)

2007-09-14T08:50:01Z

플래시 동영상 플레이어의 활용 (예제:와우 동영상)

블리자드의 와우(WOW) 또는 월드오브워크래프트(world of warcraft) 게임 시네마틱 트레일러 동영상과 게임 플레이 동영상입니다. 플래시 동영상 플레이어를 활용해서 재생하였고 동영상 바로 밑에는 블로그나 홈페이지에서 재생하기 위한 플래시 HTML 태그가 있습니다. 그리고 하단에는 동영상 자르기 프로그램과 FLV 동영상으로 변환시켜 유틸리티 를 활용해서 분리시킨 FLV 동영상 URL 링크들이 있습니다.

[WoW-ECTS-2001-CinematicTrailer]

[WoW-ECTS-2001-CinematicTrailer 동영상 플레이를 위한 플래시 HTML 태그]
on&flv=http://factor.kr/attachment/cm276.flv;http://factor.kr/attachment/cm270.flv&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/myflv.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="360">

[WOW_E3_Gameplay_2004]

[WOW_E3_Gameplay_2004 동영상 플레이를 위한 플래시 HTML 태그]
on&flv=http://factor.kr/attachment/cm271.flv;http://factor.kr/attachment/cm272.flv;http://factor.kr/attachment/dm267.flv;http://factor.kr/attachment/dm268.flv;http://factor.kr/attachment/cm273.flv;http://factor.kr/attachment/dm269.flv;http://factor.kr/attachment/cm274.flv;http://factor.kr/attachment/cm275.flv&skin=http://hompy.us/club/images/aqua.jpg" src="http://www.hompydesign.com/club/myflv.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="360">

tag : 동영상, 게임, 와우, movie, game, video, wow, gameplay, 월드오브워크래프트, cinematic

멋진 스타크래프트(starcraft) 이미지 34종

2007-09-14T08:48:12Z

멋진 스타크래프트(starcraft) 이미지 34종

블리자드 스타크래프트(starcraft) 게임 캐릭터와 게임 배경 관련 이미지들입니다. 그림 크기는 1024 x 768 사이즈이며 바탕화면으로 쓰셔도 괜찮을 것 같습니다. 스타크래프트는 출시 이후 꾸준히 즐겨했던 게임이며 아직도 가끔 게임을 하면 처음 게임할 때 그 맛이 나는 명작 게임이라고 생각합니다. 게임을 직접 하지 않더라도 게임 방송에서 스타크래프트 대회를 관전하고 있으면 프로게이머들의 현란한 손동작과 기발한 전략/전술을 보는 재미도 쏠쏠합니다. 아직까지도 게임 방송에서 단연 인기 게임으로 자리잡고 있으며 그 열기가 식을 줄 모르는 와중에 스타크래프트2 라는 차기 버젼에 대한 소식에 많은 스타크래프트 유져들을 흥분하게 하고 있지요. 스타크래프트의 인기가 얼마나 가게 될지 스타크래프트2의 출현으로 게임 시장에 미칠 파장이 얼마나 크게 다가올지 사뭇 궁금해집니다.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 게임, 스타크래프트, 월페이퍼, 이미지, game, 블리자드, wallpaper, starcraft, images

바탕화면으로 쓰면 좋을 와우 월페이버 (WOW wallpaper)

2007-09-10T08:12:42Z

바탕화면으로 쓰면 좋을 와우 월페이버 (WOW wallpaper)

내컴퓨터 바탕화면 배경으로 쓰면 괜찮을만한 와우 월페이퍼(WOW wallpaper)입니다. 블리자드에서 운영하고 있는 온라인 게임 월드오브워크래프트(http://www.worldofwarcraft.co.kr/)에 등장하는 멋진 캐릭터들과 게임 배경들로 구성이 되어 있습니다. 모든 이미지가 1600 x 1200 픽셀의 고해상도이며 맘에 드는 그림이 있으면 클릭해서 내컴퓨터에 저장하시면 됩니다.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 바탕화면, 게임, 월페이퍼, 와우, game, 블리자드, wow, wallpaper, images, 월드오프워크래프트

UI 연구중 만든 플래시 게시판

2007-09-09T10:59:26Z

UI 연구중 만든 플래시 게시판

오늘 검색을 하다가 재작년 쯤 만들어서 어딘가에 공개했던 플래시 게시판에 대한 질문이 다음 신지식에 있었다. 플래시 게시판에 대한 UI 를 좀더 편하게 하고 싶어서 고민하다가 만든 플래시였고 공개한 후 까맣게 잊고 있다가 오늘 보니 그럭저럭 쓸만해 보이기도하고 새롭기도 했다. 내 컴퓨터 하드디스크 어딘가에 숨어 있을텐데 찾아서 손좀 바줘야겠다.^^
아래 플래시 게시판의 특징은 배경화면이 플래시를 새로 볼때마다 변한다는 것과 게시물을 찾아가는 네비게이션 과정이 간편하면서 익숙하다는 것이다. 서버 사이드에서 php 로 mysql 서버에 쿼리하고 결과를 xml 포멧으로 클라이언트 플래시에 뿌려준다.

플래시가 잘려서 보인다면 아래 링크를 클릭해서 보다 넓게 볼 수 있다.
http://www.hompydesign.com/xml/

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 다음, 네비게이션, 플래시, 게시판, 검색, 신지식, mysql, flash, php, xml, board

이쁜 플래시(flash)관련 이미지와 로고 20종

2007-09-06T08:55:27Z

이쁜 플래시(flash)관련 이미지와 로고 20종

아도브사(adobe)의 플래시(flash) 관련 이미지와 로그들을 모았습니다. 에어(AIR)라고 불리는 아폴로(apollo) 이미지도 2종 있습니다. 플래시 관련 포스팅을 하시고 대표 이미지를 선택해야 할 때 쓰면 괜찮습니다. 이쁜 것들도 있고 무난한 것들도 있고 아주 작은 아이콘도 있습니다. 제가 플래시 매니아(?)인 관계로 플래시 관련 이미지들을 찾다가 모아둔 것입니다. 괜찮은 플래시 이미지들을 가지고 계신 분들은 살짝 흘려 놓고 가세요.^^

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 에어, 플래시, 이미지, AIR, 로고, flash, images, adobe, apollo, logo, 아도브

개인 대화방 만들기 블로그 채팅 (blog chat)

2007-09-04T08:38:07Z

개인 대화방 만들기 블로그 채팅 (blog chat)

얼마전 개인 전용 대화방(채팅)을 만들 수 있는 블로그쳇(blog chat)을 소개한 이후로 600 명(채널)의 사용자가 생겼고 매일 꾸준하게 사용자가 늘고 있습니다. 블로그쳇을 애용해주시는 유져 여러분들을 위해 블로그쳇 업그레이드에도 좀더 신경을 써야겠습니다. 블로그쳇의 매력은 로그인이 없이 누구나 간단히 대화방에 참여할 수 있는 것과 대화명을 정하기 전에는 재미있는 랜덤 대화명을 사용하게 되는 점입니다. 앞으로도 블로거 여러분들의 관심을 받을 수 있도록 블로그쳇에 좀더 많은 시간을 할애해볼 생각입니다.
그리고 블로그쳇은 블로거나 카페 유저들이 자유롭게 쓸 수 있는 개인용과 "기업 고객들을 위한 대화실 또는 마케팅에 활용할 수 있는 컨텐츠용으로 채팅 서비스가 필요한 기업"들을 위해 기업용으로 구분해 나가려고 합니다. 채팅 서비스 개발과 채팅 시스템을 유지 및 확장하기 위한 하드웨어 및 IDC센터에 코로케이션 인터넷 서비스 비용등을 확보하기 위해서 기업용 채팅을 필요로 하는 기업으로부터 후원을 받고자 합니다. 기업용에 대해 궁금한 내용이 있는 분들은 네이트온 메신져 makehost @ nate . com 을 친구등록 하신 후 대화 신청하시면 상담을 받을 수 있도록 하겠습니다. 개인용 블로그쳇을 사용하시는 분들은 기존 처럼 본 개발 페이지에 댓글 남겨주시면 되도록 반영하도록 하겠습니다.

블로그쳇을 블로그에 붙여서 사용하시려면 아래의 3가지 HTML 태그 중 자신의 블로그 스킨에 적당한 사이즈의 태그를 삽입하시면 됩니다. 아래 태그에 빨간색 부분에 자신의 아이디(ID,myid,채널)를 입력해야 되며 아이디 개설은 http://www.hompydesign.com/blog/에서 해야합니다. 아이디를 만들면 블로그카운터와 블로그온 등의 위젯도 사용할 수 있습니다. 블로그쳇을 항상 띄워 놓고 싶을 경우 아래 소개한 링크를 이용하시면 됩니다. 블로그쳇 배경에 자신만의 스킨을 깔 수 있는데 아래 HTML 태그 중 파란색 부분의 이미지 주소를 원하는 배경 이미지 주소로 바꾸시면 됩니다.

[블로그쳇 항상 띄우는 링크]
http://hompy.us/go/?i=채널이름&u=http://인터넷주소
http://hompy.us/go/?i=flash&u=http://flashcafe.org

[190 x 200 px 크기의 블로그쳇 HTML 태그]
hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchat.swf width=190 height=200 type=application/x-shockwave-flash quality="high">

[170 x 200 px 크기의 블로그쳇 HTML 태그]
hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchats.swf width=170 height=200 type=application/x-shockwave-flash quality="high">

[300 x 200 px 크기의 블로그쳇 HTML 태그]
hompy&skin=http://www.hompydesign.com/club/images/sample.jpg" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogchatx.swf width=300 height=200 type=application/x-shockwave-flash quality="high">

플래시를 복사해서 붙이는 과정을 잘 모르시는 분들은 "플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" 게시물의 설명과 동영상을 참고하세요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 블로그, 플래시, 채팅, 블로거, chat, 대화방, blog, flash, 블로그쳇, blogger, blogchat

재미있는 플래시 게임 70여종 묶음과 무료 파일 업로드 사이트

2007-09-03T08:38:19Z

재미있는 플래시 게임 70여종 묶음과 무료 파일 업로드 사이트

그동안 블로그(blog)에 소개했던 재미있는 플래시 추천 게임 70여종을 모아서 압축을 했더니 74 M 정도가 되었다. 다음 티스토리 블로그나 포탈 블로그에 올릴 수 없는 용량이다. 설사 올린다고 하더라도 포탈 같은 경우 외부 홈페이지에서 사용할 수 없다. 그래서 무료 파일 업로드 사이트를 찾아봤더니 SendSpace 라는 사이트가 검색이 되었고 그곳에 파일을 올린 후 아래와 같이 재미있는 플래시 게임 70여종 묶음을 받을 수 있도록 할 수 있었다. 참고로 SendSpace 는 가입 없이 300 M 의 대용량 파일을 제한 없이 올릴 수 있나보다. 아래의 플래시 게임을 다운로드 받아서 때때로 찾아오는 무료한 시간을 달래보는 것은 어떨까?
혹시, 더 쓸만한 고용량 무료 파일 업로드가 가능한 곳이 있으면 추천 바랍니다.

flash_game.zip

[플래시 게임 묶음에 들어있는 게임 목록]
3d-reversi.swf 3dlogicxgen.swf air_hockey.swf alien_invasion_2.swf balloonduel.swf block2.swf bloons.swf bowmaster.swf boxheadmr.swf bubble-shooter.swf bubblebubble2.swf bubbles.swf bubble_cherry.swf bubble_trouble.swf castlexgen.swf chaosfaction.swf classic_tetirs.swf crazy_arcade_400x385.swf crystal_island.swf cursor_invisible.swf dynasty.swf fishyxgen.swf flow.swf galaga.swf gammabros.swf ha3.swf Haeriporter.swf ibuddy.swf invaders.swf invadersFinal.swf ironranger.swf Jungle.swf jungle_quest.swf jurassic_pinball.swf kingoffighters_2000.swf kingoffighters_dm.swf maple_story_560x490.swf mario_power_coin.swf mario_shooting.swf mario_tetris.swf mines.swf murloc.swf pac2000.swf pack.swf pacman.swf pacxon.swf park_mycar.swf Princegame.swf pump.swf raidenx.swf s-dak.swf screwball2.swf sinjid.swf skyFire.swf smash2.swf sonic.swf spaceinvader.swf spongebob.swf super_mario_world.swf symae.swf tetris.swf thelaststand.swf ufo_joe.swf wayofthestick.swf wheels.swf wpnfire.swf wuzichess.swf xiaoxiao02.swf xiaoxiao03.swf xiaoxiao04.swf xiaoxiao05.swf xiaoxiao06.swf xiaoxiao07.swf xiaoxiao08.swf xiaoxiao09.swf

덤으로 재미있는 플래시 게임 3종을 추가로 소개합니다. 팩맨 변형 게임 매드팩, 퍼즐 게임 소닉 히어로즈 퍼즐, 그리고 스트리트파이터 2 게임을 즐겨봅시다.

[madpac.swf]

[sonic_heros_puzzle.swf]

[street_fighter_2.swf]

웹프로그래머의 홈페이지정보 블로그 http://hompy.info

tag : 게임, 스트리트파이터, 모음, 플래시, game, 소닉, flash, 묶음, 추천게임, 팩맨

플래시 MP3 플레이어의 활용 (예제:디아블로2 배경음악)

2007-09-03T08:36:30Z

플래시 MP3 플레이어의 활용 (예제:디아블로2 배경음악)

어제 만든 플래시(flash) MP3 뮤직 플레이어로 디아블로2(Diablo II) 배경음악 30여개를 연속해서 재생해보겠습니다. 디아블로 배경음악 MP3 파일들을 블로그 글쓰기 파일 관리자로 한꺼번에 업로드 합니다. 업로드한 파일을 모두 선택하고 파일 관리자 상단에 중앙정렬 버튼을 누르면 웹에디터 내용에 MP3 파일이 포함됩니다. HTML 모드로 전환하면 MP3 파일 URL 링크들을 확인할 수 있습니다. MP3 링크 갯수가 많아서 링크를 추출하기 번거롭고 눈이 아프다면 EDITPLUS 정규식 치환을 사용해서 단숨에 MP3 파일 링크를 추출해봅시다. EDITPLUS에 태그를 복사해 와서 바꾸기(CTRL+H)기능을 선택하고 아래 (가)를 (나)로 전체 바꾸기 하시면 됩니다. 아래 강조된 도메인은 자신이 사용하는 블로그 도메인으로 바꿔서 써야 됩니다.

(가) ^ on&mp3=http://factor.kr/attachment/cm242.mp3;http://factor.kr/attachment/cm236.mp3;http://factor.kr/attachment/dm239.mp3;http://factor.kr/attachment/cm237.mp3;http://factor.kr/attachment/cm238.mp3;http://factor.kr/attachment/dm240.mp3;http://factor.kr/attachment/cm239.mp3;http://factor.kr/attachment/cm240.mp3;http://factor.kr/attachment/cm241.mp3;http://factor.kr/attachment/dm241.mp3;http://factor.kr/attachment/cm243.mp3;http://factor.kr/attachment/cm244.mp3;http://factor.kr/attachment/cm245.mp3;http://factor.kr/attachment/cm246.mp3;http://factor.kr/attachment/dm242.mp3;http://factor.kr/attachment/cm247.mp3;http://factor.kr/attachment/cm248.mp3;http://factor.kr/attachment/dm243.mp3;http://factor.kr/attachment/cm235.mp3;http://factor.kr/attachment/cm249.mp3;http://factor.kr/attachment/dm244.mp3;http://factor.kr/attachment/cm250.mp3;http://factor.kr/attachment/cm251.mp3;http://factor.kr/attachment/dm245.mp3;http://factor.kr/attachment/cm252.mp3;http://factor.kr/attachment/cm253.mp3;http://factor.kr/attachment/dm246.mp3;http://factor.kr/attachment/cm254.mp3;http://factor.kr/attachment/dm238.mp3&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="50">
아래 뮤직 플레이어는 크기를 줄이고 스킨(배경 사진)도 바꿨으며 자동 재생을 하지 않도록 했습니다. 플레이어 아래 HTML 태그를 참고하세요.

off&mp3=http://factor.kr/attachment/cm242.mp3;http://factor.kr/attachment/cm236.mp3;http://factor.kr/attachment/dm239.mp3;http://factor.kr/attachment/cm237.mp3;http://factor.kr/attachment/cm238.mp3;http://factor.kr/attachment/dm240.mp3;http://factor.kr/attachment/cm239.mp3;http://factor.kr/attachment/cm240.mp3;http://factor.kr/attachment/cm241.mp3;http://factor.kr/attachment/dm241.mp3;http://factor.kr/attachment/cm243.mp3;http://factor.kr/attachment/cm244.mp3;http://factor.kr/attachment/cm245.mp3;http://factor.kr/attachment/cm246.mp3;http://factor.kr/attachment/dm242.mp3;http://factor.kr/attachment/cm247.mp3;http://factor.kr/attachment/cm248.mp3;http://factor.kr/attachment/dm243.mp3;http://factor.kr/attachment/cm235.mp3;http://factor.kr/attachment/cm249.mp3;http://factor.kr/attachment/dm244.mp3;http://factor.kr/attachment/cm250.mp3;http://factor.kr/attachment/cm251.mp3;http://factor.kr/attachment/dm245.mp3;http://factor.kr/attachment/cm252.mp3;http://factor.kr/attachment/cm253.mp3;http://factor.kr/attachment/dm246.mp3;http://factor.kr/attachment/cm254.mp3;http://factor.kr/attachment/dm238.mp3&skin=http://hompy.us/club/images/aqua.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="20">

플래시 MP3 뮤직 플레이어 myMP3 (예제:스타크래프트 배경음악)

2007-09-02T09:10:01Z

플래시 MP3 뮤직 플레이어 myMP3 (예제:스타크래프트 배경음악)

오늘은 플래시(flash) MP3 뮤직 플레이어를 만들었습니다. 플래시 동영상 플레이어와 사용법은 비슷합니다. 여러개의 MP3를 연속해서 재생할 수 있으며 플레이어 배경을 바꿀 수 있고 자동으로 재생할지 여부를 설정할 수 있습니다. 플레이어 크기는 적당한 비율로 조절해서 사용하시면 되고 재생 위치를 바꿀 수 있습니다. 아직은 기능이 심플하지만 차차 여러가지 아이디어를 접목해서 업그레이드 해보겠습니다. 하단에는 스타크래프트 배경음악 MP3 파일 URL 링크가 있습니다. 그중에 9개 정도를 골라서 아래와 같이 연속 재생 하고 있습니다. 아래 플레이어를 사용하기 위해서는 플레이어 아래 보여지는 HTML 태그를 사용하시면 됩니다. 블로그 스킨이나 게시물에 삽입해서 사용하시면 되겠지요?

on&mp3=http://factor.kr/attachment/dm232.mp3;http://factor.kr/attachment/dm231.mp3;http://factor.kr/attachment/cm230.mp3;http://factor.kr/attachment/dm235.mp3;http://factor.kr/attachment/cm233.mp3;http://factor.kr/attachment/dm236.mp3;http://factor.kr/attachment/dm227.mp3;http://factor.kr/attachment/dm228.mp3;http://factor.kr/attachment/dm229.mp3&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="50">

아래 뮤직 플레이어는 크기를 줄이고 자동 재생을 하지 않도록 했습니다. 플레이어 아래 HTML 태그를 참고하세요.

off&mp3=http://factor.kr/attachment/dm232.mp3;http://factor.kr/attachment/dm231.mp3;http://factor.kr/attachment/cm230.mp3;http://factor.kr/attachment/dm235.mp3;http://factor.kr/attachment/cm233.mp3;http://factor.kr/attachment/dm236.mp3;http://factor.kr/attachment/dm227.mp3;http://factor.kr/attachment/dm228.mp3;http://factor.kr/attachment/dm229.mp3&skin=http://hompy.us/club/images/sample.jpg" src="http://www.hompydesign.com/club/mymp3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="20">