Textcube : Brand yourself!

서브메뉴

TC용 WP flash mp3 플레이어

Penguin_player.zip

1. 소개

WordPress 의 1pixelout 플레쉬 플레이어 플러그인(링크)을 Textcube 에서 쉽게 사용할수 있도록 만든 플러그인 입니다.

아래 GRZ-JW Media Player (링크) 의 소스를 보고 참고 하여 제작하게 되었습니다.

2. 기능
mp3 파일을 블로그 포스팅에 손쉽게 넣을수 있습니다.

3. 사용 방법
(1) 플러그인을 다운받아 plugins 폴더에 올리고, 관리자 페이지에서 활성화시켜 줍니다.
(2) 글을 작성할 때 WYSIWYG 에디터 하단에 "음악 넣기" 버튼이 생깁니다.
(3) 플러그인이 지원하는 방법으로 음악을 넣고 기타 설정을 합니다.
(4) "삽입"을 선택하면 WYSIWYG 에디터에 개체가 생성됩니다.

(더 자세한 설명은 링크 를 참조하세요)

ㄱ. 기본 설정
재생할 파일과 반복재생, 자동재생 옵션을 설정할수 있습니다.

1-1. 첨부파일에서 첨부하기.
우선 파일을 업로드 합니다.

그리고 나서 선택합니다.

다시 돌아와서 첨부파일에서 버튼을 눌러 줍니다.

선택된 파일이 없을 경우 이런 메세지가 뜨게 됩니다.

※ mp3 파일만 재생이 가능합니다. 첨부시 mp3 파일인지 확인하지는 않습니다.

자동으로 파일 경로와 제목이 설정 됩니다.
ㄴ. 색 설정 & 미리 보기
ㄴ-1. 색 설정에서는 플레이어의 색을 설정할수 있습니다.

ㄴ-2. 미리 보기에서는 설정한 플레이어를 미리 볼수 있습니다.
설정을 변경하였을 경우 미리보기 버튼을 눌러야 플레이어가 업데이트 됩니다.

* 색설정...

Background : 1번 부분... 지금은 하얀 바탕색입니다.
Left Background : 2번 부분
Right Background : 3번 부분
Right Background Hover : 3번 부분에 마우스를 올렸을 때의 색 입니다.
Left Icon : 2번 부분에 스피커 모양 아이콘의 색입니다.
Right Icon : 3번 부분에 일시정지 모양의 아이콘의 색입니다.
Right Icon Hover : 3번 부분에 일시정지 모양의 아이콘에 마우스를 올렸을 때의 색입니다.
Text : Buffering 이라 써져 있는 텍스트와 시간 표시의 텍스트의 색입니다.
Slider : 4번의 슬라이더의 색입니다.
Loading Bar : 버퍼링이 완료된 구간의 색입니다.
Progress Track : 5번 위에 바에 일반적인 색입니다.
Progress Track Border : 5번 위에 바에 테두리 색입니다.

ㄷ. 확인
별거 없습니다..
리셋 : 기본설정의 파일 정보를 지웁니다.
본문삽입 : 글 본문에 넣을 코드를 삽입합니다.
닫기 : 설정 옵션 창을 감춥니다.

Rated 3.25/5 (65%) (4 Votes)

2개의 걸린 글 과 25개의 댓글이 있습니다.

이 글의 댓글/트랙백 RSS : http://textcube.org/plugin/rss/response/624

이 글의 관련글(트랙백) 주소 : http://textcube.org/plugin/trackback/624

Tracked from : 回到過去 2008/05/28 11:06 DELETE
Subject : Penguin_player(mp3播放器插件)

功能：mp3播放器，可播放附件或外链的mp3，由air汉化完成。使用说明：解压上传插件，并在textcube后台开启插件，编辑日志时下面会多出“音乐播放器”按键，点击出现外链的mp3填上音乐标题、地址点插入即可。如果是从附件选择音乐，先上传音乐到附件栏，在附件栏选取音乐，点击“音乐播放器”里的“附件”按键即可，点插入即可。flash播放器的颜色可根据自己的需要自行设置。补充下：最好在html模式下插入代码，或者在插入后，点html模式，再切换回来。演示：下载： Penguin_player.rar

Tracked from : My Story, My Life 2008/06/22 17:06 DELETE
Subject : TC용 wp mp3 플레이어

한참동안 수정하고 맹글고....처음 만들어 보는 플러그인이라 내 서버에서만 작동 하는지도 모르겠지만...플러그인 다운은 http://textcube.org/plugin/624 에서 가능하다. 설치 방법 보기 1. 우선 파일을 받아 압축을 푼다..그림에는 rtm 이라 나오지만... 정식 릴리즈엔 그런거 없다...;;보면 파일이 4개가 존재 한다.2. 받은 폴더를 통째로 plugins 디렉토리에 업로드 한다.3. 관리자로 로그인후 플로그인 탭으로 간다...

Comments

J.Parker
2008/05/27 09:14 PERMALINK MODIFY/DELETE REPLY
예전에 태터툴즈 시절 만들었던 것을 텍스트큐브로 업그레이드 못시키고 있었는데... 만들어 주셨군요.. 잘 사용하겠습니다.
그런데, 죄송하지만 상단에 사용하신 사진이 들어있는 텍스트큐브 이미지는 삭제해 주셨으면 합니다. 제가 썸네일플러그인 공개할때 만든것인데 다른 것으로 사용해 주셨으면 합니다. 크게 문제될건 없지만 양해해주셨으면 합니다. (안에 있는 사진이 가족 사진들이거든요.)

이 이미지로 사용하시면 될듯 합니다.
http://textcube.org/style/admin/whitedream/image/logo_textcube_full.png
- WinterPenguin
  2008/05/27 11:49 PERMALINK MODIFY/DELETE
  
  수정 하였습니다 ^^
  
  그냥 공식 이미진줄 알고 사용했었습니다 ;;;
음
2008/05/28 18:22 PERMALINK MODIFY/DELETE REPLY
플러그인 활성화 하고 적용해서 노래 선택하고 포스팅하면
불러오는중하다가 결국엔 출려부위에 빈화면만 출력되는데 이건 어떻해 수정해줘야하나요?
- WinterPenguin
  2008/06/01 16:50 PERMALINK MODIFY/DELETE
  
  원래는 본문에..
  flash mp3 player object
  라고 추가가 되어야 하는데...
  
  혹 html 모드로 하면 소스가 뭐라고 나오는지 알수 있을까요?
  또 사용 환경도 알려 주시면 감사하겠습니다 ^^
Soojin
2008/05/28 23:55 PERMALINK MODIFY/DELETE REPLY
오래 기다리던 플러그인이 나와서 너무 좋아요. 감사합니다.
그런데, 링크를 걸어줘도, Error Opening File이라고 나오는데...
어디서 수정을 하나요?
- WinterPenguin
  2008/06/01 16:46 PERMALINK MODIFY/DELETE
  
  지금 테스트 해 보았는데 저는 정상 작동 하는군요..
  어디에 올려 져있는 파일을 링크 하시는건지요?
  네이버 같은 곳에선 외부링크가 차단 되어 있어 작동 하지 않을수 있습니다.
Lanyu
2008/05/29 01:14 PERMALINK MODIFY/DELETE REPLY
플러그인 감사합니다!
그런데 저도 본문에 삽입하고 포스트를 보면
빈화면만 나오네요 ㅜㅜ..
janus
2008/05/29 01:21 PERMALINK MODIFY/DELETE REPLY
저도 그런데.. 빈화면만 나와요..
Blackout
2008/05/29 10:49 PERMALINK MODIFY/DELETE REPLY
HTML Validation 통과하는 웹플레이어가 별로 많지 않은데.. 감사합니다.
- WinterPenguin
  2008/06/01 16:38 PERMALINK MODIFY/DELETE
  
  HTML 배울때 validation 통과 못하면 점수가 깍이는지라..
  덕분에 HTML은 최대한 표준에 맞춰 쓰려고 합니다 ^^
  감사합니다
LAMA
2008/05/31 11:12 PERMALINK MODIFY/DELETE REPLY
볼륨조절은 못하나염?
- WinterPenguin
  2008/06/01 16:38 PERMALINK MODIFY/DELETE
  
  볼륨 조절은 되지 않습니다 ^^;;
Achariyth
2008/05/31 22:14 PERMALINK MODIFY/DELETE REPLY
빈화면만 나오신다는 분들, 어쩌면 '반복 재생'을 체크하시고 넣어보시면 해결될 지도 모릅니다. 저도 빈화면만 뜨다가 반복 재생 체크 한 후 삽입했더니 제대로 뜨더군요.
Achariyth
2008/06/01 09:06 PERMALINK MODIFY/DELETE REPLY
저도 빈화면만 나오는군요... 미리보기를 하면 잘만 되는데, 삽입만 하면 아무것도 나오질 않네요.
- WinterPenguin
  2008/06/01 16:39 PERMALINK MODIFY/DELETE
  
  빈화면 나오시는 분들..
  혹 html 모드로 하면 소스가 뭐라고 나오는지 알수 있을까요?
  또 사용 환경도 알려 주시면 감사하겠습니다 ^^
ronyc
2008/06/03 21:47 PERMALINK MODIFY/DELETE REPLY
><OBJECT id=audioplayer1 type=application/x-shockwave-flash height="24" width="290" data=/tc/plugins/Penguin_player/mediaplayer.swf>flash mp3 player object</OBJECT>

요로코롬 나옴미다.ㅠㅠㅠ
저도 역시 빈화면만 나와요.
Achariyth
2008/06/06 22:31 PERMALINK MODIFY/DELETE REPLY
<OBJECT id=audioplayer1 type=application/x-shockwave-flash height="24" width="290" data=/tc/plugins/Penguin_player/mediaplayer.swf>flash mp3 player object</OBJECT><BR />

저도 이렇게 나옵니다. 소스는 정상인가요?
음 제가 그리고 이쪽에 대한 지식이 얼마 없어서, '사용 환경'이라면 어떤 정보를 드려야 하는 건지 알려주세요...
음
2008/06/11 15:43 PERMALINK MODIFY/DELETE REPLY
많은분들이 올려주신대로..
저역시도
<OBJECT id=audioplayer1 type=application/x-shockwave-flash height=24 width=290 data=/tc/plugins/Penguin_player/mediaplayer.swf>
flash mp3 player object</OBJECT>
출력만되고 나오지않는군요..
사용환경은 tc 1.7 버전입니다.
TC초보
2008/06/11 23:55 PERMALINK MODIFY/DELETE REPLY
글작성 하신후에 음악넣으시고 맨위에 오른쪽 보시면 edit라고 보이시죠. html 모드로 변경하시고 본문삽입눌러주시면 되던데요~ 저도 윗분들처럼 음악소스가 안보이길래 이리저리 해보다가 이렇게 하니까 정상작동 되더라구요.. 이게 정답인지는 모르겠지만 저는 성공을 해서.. 글남겨봅니다.
WinterPenguin
2008/06/12 09:14 PERMALINK MODIFY/DELETE REPLY
혹 안되시는 분들중에 다중 블로그 사용자가 잇으시면 저에게 계정을 하나 주실수 있는분 계신가요?
직접 실험을 해보기 전까진 원일을 알수 없을것 같습니다.

원래(?) 코드는 이렇게 보여야 합니다.
<object type="application/x-shockwave-flash" data="/blog/plugins/Penguin_player/mediaplayer.swf" id="audioplayer1" height="24" width="290">
flash mp3 player object
<param name="movie" value="/blog/plugins/Penguin_player/mediaplayer.swf">
<param name="FlashVars" value="playerID=1&bg=0xffffff&leftbg=0xcccccc&rightbg=0xcccccc&rightbghover=0xffffff&lefticon=0xffffff&righticon=0xffffff&righticonhover=0xcccccc&text=0x000000&slide=0xffffff&loader=0xcccccc&track=0xcccccc&border=0xcccccc&loop=no&autostart=no&soundFile=http://_____.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
llimelight
2008/06/12 18:08 PERMALINK MODIFY/DELETE REPLY
><object type="application/x-shockwave-flash" data="/plugins/Penguin_player/mediaplayer.swf" id="audioplayer1" height="24" width="290">flash mp3 player object<param name="movie" value="/plugins/Penguin_player/mediaplayer.swf"><param name="FlashVars" value="playerID=1&bg=0xffffff&leftbg=0x97744e&rightbg=0x97744e&rightbghover=0xffffff&lefticon=0xffffff&righticon=0xffffff&righticonhover=0xc6ab87&text=0x97744e&slide=0x97744e&loader=0xc6ab87&track=0xf3dcb9&border=0xc6ab87&loop=no&autostart=no&soundFile=http://---------.net/attach/1/4888565275.mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent">

요렇게 나오는데요..
왜 슬라이드 색깔이 안바뀔까요;;;;;;;
아무리 색을 다른걸 적용해도
무조건 회색(CCCCCC)으로 뜨네요..으워..ㅠ
Lanyu
2008/06/13 20:30 PERMALINK MODIFY/DELETE REPLY
TC초보님 말씀대로 하니까 되는군요~

본문삽입 하실 때 html모드에서 본문삽입 하셔야
제대로 출력이 되네요~~

그런데 슬라이드 색깔 적용 안되나요?
해보질않아서...
Achariyth
2008/06/24 00:33 PERMALINK MODIFY/DELETE REPLY
오 저도 html모드로 넣으니 소스가 제대로 들어가는군요.
파르
2008/06/27 05:32 PERMALINK MODIFY/DELETE REPLY
저는 왜 plugins 폴더에 Penguin_player를 다 넣었는데도 관리자 페이지에 안뜰까요 ㅠㅠ
스피릿
2008/08/15 14:13 PERMALINK MODIFY/DELETE REPLY
저는.. 플러그인 활성화시키면 에디터가 완전히 안 뜨고 본문쓰는 내용까지만 뜨고 옆에 아래 아무것도 안 뜨고 스크롤바도 생기지 않고 아무 코드도 버튼도 아무것도 없습니다...

◀ 이전페이지 1 ... 17 18 19 20 21 22 23 24 25 ... 527 다음페이지 ▶

Textcube : Brand yourself!

메인메뉴

서브메뉴

TC용 WP flash mp3 플레이어