mp3플레이어 콤포넌트(1pixelout)

조회수 41212 추천수 3 2008.08.13 21:14:52
라이센스 : GPL2 
기타 라이센스 :  
적용 버전 : 정식버전(1.0이후) 

워드프레스 플러그인으로 개발된 1pixelout의 플래쉬 기반 mp3플레이어를

제로보드 xe용 에디터 컴포넌트로 수정한 버젼입니다. 제작사 홈페이지

기본 플레이어에서는 ID3태그 출력기능이 있으나, 2바이트 문자가 깨져서 나오는 버그가 발견되어

일단 곡 정보 표시부분은 제외하였습니다. 능력자 분이 계시면 액션스크립트를 수정해주셨으면 좋겠군요 ㅎㅎ


mp3파일의 저작권문제에 관해서는 본인은 책임을 지지 않습니다.

가급적 저작권에서 자유로운 음원을 이용하시기 바랍니다.


테스트 브라우저 : IE 6, IE 7, Firefox3 이상없음

                        Safari 3.1.2에서 테스트 완료(Mac OSX Leopard 10.5.4)
                                 Safari는 아직 테스트 전.


<관리자 설정화면 - 기본 색상값 입력 및 자동실행, 반복 설정>

참고 : 기본색상을 입력하지 않은경우, 플레이어의 기본색상을 적용시켜 놓았습니다. 
         따라서 공백으로 두셔도 무방합니다.


set_admin.jpg


<에디터에 나타난 아이콘>

show_editor.jpg


<게시물에 콤포넌트 추가 - 관리자 설정에서 기본색상을 입력하지 않은경우 기본색상이 설정되어 있습니다>
add_component.jpg


<기본 색상 - 정지>
player_stopped.jpg

<기본 색상 - 재생중>

player_playing.jpg


설치경로 : /modules/editor/components/ 에 mp3_1pixelout 폴더가 위치하도록 업로드


profile

[레벨:5]매실茶

2008.08.13 21:28:02
*.168.223.119

오오~~

이런걸 기다렸어요~~
감사합니다. ^^ 잘 쓰겠습니다 ^^

[레벨:8]Gnee

2008.08.13 22:33:38
*.40.240.9

캬...따로 만들어야 하나 하다가 드디어 나왔군요.^^
멋진 스킨으로 한번 디자인 해봐야지 ~~흐흐

감사합니다~!!^^

[레벨:2]누릅나무

2008.08.13 23:27:49
*.202.101.105

정말좋네요..^^  동영상은 이와 관련 에디터는 어디 있는지^^.,, 아시면 좀가르쳐주세요.. 정말좋아요..

[레벨:2]석이-

2008.08.13 23:35:40
*.144.164.221

멋집니다..  방금 테스트해보니..  파일을 업로드할때 경로를 어떻게 해야하는지요?   파일첨부해서 바로 연결할 수는 없는지요?

잘 사용할께요.. 감사합니다.

[레벨:1]Nuno™

2008.08.13 23:44:06
*.155.238.227

파일첨부와 동시에 사용은 현재로서는 불가능합니다.
제로보드에 첨부된 파일 링크를 확인해 보시면 아시겠지만,
다이렉트로 파일과 연결이 되지 않고 서버에 요청을 통해 파일을 가져오는 방식이기 때문입니다.

그래서 저는 가급적 직접적인 파일업로드는 피하고, 구글링을 통해 공개된 주소를 이용합니다. ^^;;;

파일경로는 http://주소/파일명.mp3의 형태로 입력하시면 됩니다.
profile

[레벨:5]매실茶

2008.08.14 06:40:27
*.168.223.119

파일을 첨부하고도 재생이 됩니다.

본문삽입을 한 다음에 더블클릭하면 멀티미디어 자료 관리 새 창이 뜨면서 파일 주소가 뜨지요..

그걸 넣으시면 됩니다.

근데, 음질이 조금 이상한 것 같네요.. 조금 찢어진다고나 할까요..(저만 그런건지는 잘 모르겠습니다만...)

[레벨:1]Nuno™

2008.08.14 12:48:21
*.155.238.227

아 그런 방법이 있었군요 ^^;
감사합니다. 댓글 수정했습니다.
profile

[레벨:3]하늘편지

2008.08.14 09:19:34
*.106.105.22

너무 좋은거 같아요 감사합니다 잘 쓸께요~
재생도 잘 되구요...근데 볼륨조절이 안되는게 살짝 언젠가 고수님들께서 수정해 주시리라 믿고 일단 너무 감사하게
잘 쓰고 있도록 하겠습니다..ㅋ

[레벨:2]채은사랑

2008.08.14 09:38:20
*.128.158.207

이승기 착한거짓말 음악경로주소:http://file.yiwu114.com/yinyue/music/kor/seunggi/3thy/seunggi01.mp3
이승기 추억속의 그대 음악경로주소:http://file.yiwu114.com/yinyue/music/kor/seunggi/2008y/2008032412063221776.wma

[레벨:5]착한악마

2008.08.14 09:57:42
*.55.81.95

굿~~~좋습니다...
잘되네요~~~~~~이렇게 감사할수가...ㅎㅎㅎㅎ
그런데 디자인 바꿀수 있게  플래쉬 원본파일좀 공개 해주실수는 없나요~~~^^
하여튼 잘 쓰겠습니다.감사합니다.

[레벨:1]Nuno™

2008.08.14 12:50:15
*.155.238.227

죄송하지만 플래쉬 부분은 제가 제작한 것이 아니기때문에 원본을 가지고 있지 않습니다. ^^;
profile

[레벨:2]innerman.myid.net

2008.08.14 11:04:54
*.168.14.132

주소가 mms://~~ 으로 시작하면 안되는 건가요? "error opening file" 이라고 나오네요.

[레벨:1]Nuno™

2008.08.14 12:56:01
*.155.238.227

일단은 mp3이외의 확장자는 재생이 되지 않는 것으로 알고있습니다.

확장자가 mp3파일이라면 http로 바꿔서 이용해 보시기 바랍니다.
profile

[레벨:2]innerman.myid.net

2008.08.14 17:36:40
*.168.14.132

http:// 로는 시작할 수 없는데...ㅠㅠ
무료스트리밍 서비스를 받는데 시작이 mms:// 로 시작되요.

[레벨:2]감뿌리

2008.08.15 07:13:04
*.178.192.109

 "player "플래쉬 원본파일 입니다.
player.fla
첨부

[레벨:1]훈훈훈이

2008.08.15 12:01:56
*.146.192.187

공개된 mp3주소는 어떻게 찾는 건가요??
그리구.. 저는 첨부해도 안되는데..ㅜㅜ
뭐가 잘못된 거죠??ㅜㅜ
profile

[레벨:3]하늘편지

2008.08.19 14:47:22
*.106.105.22

일단 본문에 파일을 첨부하세요. 그리고 본문 삽입을 선택하시면 본문에 정사각형의 미디어 파일이 올라온걸 확인 하실수 있을겁니다.
그럼 그 점선 안쪽 아무곳에나 데고 더블클릭합니다.
그리면 팝업으로 그 미디어 파일에 대한 정보가 보입니다. 물론 그 파일에 대한 링크주소도 함께 보이지요.
그럼 그 링크주소를 복사 하십시오.

그럼 이번에는 에디터를 추가합니다. 추가할때 미디어파일 주소를 넣어야 합니다. 아시겠지만 링크주소입니다.
그 주소를 좀전에 복사하셨던 주소를 넣으시면 정상적으로 플에이 되실겁니다.

확인결과 한글파일을 오류가 나구요. 음악파일 주소를 영문으로 넣으셔야 합니다.

그리고 처음에 본문삽입을 선택했을대 생겼던 정사각형 점선박스는 지우셔도 상관없습니다.
안지우면 플레이어가 2개 뜹니다..그럼 안되니깐 꼭 지우세요..^^
profile

[레벨:12]라르게덴

2008.08.28 18:40:59
*.234.236.247

잘쓰겠습니다. ^^

[레벨:7]테사카

2008.09.05 11:23:11
*.114.22.74

좋은 자료 감사합니다.

첨부파일로 바로 가능하게 되는 기능이 있으면 더 좋겠네요..ㅎ
연구해봐야지..

[레벨:4]id: 아기둘

2008.09.05 13:31:26
*.228.11.60

너무 감사합니다^^

[레벨:1]막무가내77

2008.09.25 19:45:59
*.130.130.105

직원들 원성이 자자했었는데 정말 감사합니다.
profile

[레벨:2]닭장군

2008.10.05 00:41:39
*.129.197.26

적용사례입니다.

http://genchicken.kr/1327

ㅋㅋ
List of Articles
번호 제목 글쓴이 날짜 조회수 적용 버전

네이버랩 포토에디터 XE 컴포넌트 file [21]

네이버랩 포토에디터 서비스에서 제공하는 포토에디터 API를 활용한 이미지 편집용 컴포넌트입니다. 첨부된 압축파일을 해제하신 후 XE의 ./modules/editor/com-ponents/ 경로에 설치 후 활성화 하면, 확장 컴포넌트 메뉴에서 "네...

적용 버전  

WOW item/char tooltip imagefile [5]

월드오브워크래프트의 아이템 정보와 캐릭터 정보를 툴팁으로 표시해주는 에디터 컴포넌트입니다. 이 에디터 컴포넌트는 pw_wowajax 애드온을 활성화 해야지만 사용할 수 있습니다. 설치방법 1. http://pwnet.kr/main-/188 에서 pw_wow....

  • [레벨:8]id: Pw-NET
  • 2009-05-23
  • 조회수 5661

적용 버전  

구글 번역 컴포넌트 v0.2 업데이트 imagefile [10]

어제 올린 부분에서 조금 수정하고 기능을 추가했습니다. 수정사항 1. INPUT 폼을 TEXT로 했던 것을 TEXTAREA로 바꿔서 조금 장문의 경우에도 보기 좋도록.. 2. 데이터를 주고 받을 때 태그를 지워버리던 것을 그대로 살...

  • [레벨:2]k2man
  • 2009-04-28
  • 조회수 12381

적용 버전 정식버전(1.0이후) 

구글 번역 입력 컴포넌트 imagefile [7]

에디터상에서 번역 후 입력할 수 있도록 해주는 컴포넌트입니다. 아래 실행화면에서 보듯이, 번역할 문장을 블럭잡고, 컴포넌트를 클릭하면 됩니다. 그리고 원하는 언어를 선택하면 구글 번역 API를 이용해서 번역문을 생성해 줍...

  • [레벨:2]k2man
  • 2009-04-27
  • 조회수 9761

적용 버전 정식버전(1.0이후) 

강조 효과(하이라이트) (#2. 2009-03-15) file [3]

※ default 에디터용 제작은 몇년전에 해놓고 지금껏 배포를 안했었나 봅니다.. (기능이 허접해서 그랬을듯;;;;;;) 문장의 글자색, 배경색을 바꿔 강조해줍니다. 아래 예제와 같은 색일 경우 글자색, 배경색 따로 적용하는 것보다 ...

  • [레벨:14]id: Simulz
  • 2009-03-15
  • 조회수 14489

적용 버전 정식버전(1.0이후) 

[XE1.2.0이후] 드래그형 구글 지도 에디터 컴포넌트 file [23]

백성찬님 제보로 수정해서 올립니다. 1.2.0 이후엔 이 파일을 사용해주세요 중국어 번체자 (zh-TW) 번역 파일도 수정되었습니다.. 번역 : Royal lin - 감사합니다. -수정 안된걸로 올렸었네요; 다시 올려요 soo_google_map.zip soo...

  • [레벨:14]misol
  • 2009-02-14
  • 조회수 18672

적용 버전 정식버전(1.0이후) 

1 Pixel Out Audio Player 2.0 beta XE Editor Component MP3 플레이어 imagefile [7]

1 Pixel Out > Audio Player 2.0 beta > XE Editor Component 1 Pixel Out의 Audio Player 2.0 beta의 XE Editor Component 입니다. Nuno님께서 제작하신 1pixelout의 mp3 플레이어 컴포넌트의 업그레이드 버전입...

  • [레벨:9]id: 정낙훈(xynex)
  • 2009-02-01
  • 조회수 17246

적용 버전 정식버전(1.0이후) 

[1.2.0적용]멀티 플래시 mp3 플레이어 imagefile [24] [2]

pw_mp3.zip 다운로드 Nuno™님의 mp3플레이어 컴포넌트(1pixelout) ver.0.2(http://www.z-eroboard.com/1748059-1) 를 수정하여 여러 파일이 링크가 가능한 새 버전으로 변경하였습니다.

  • [레벨:8]id: Pw-NET
  • 2009-01-25
  • 조회수 17108

적용 버전 정식버전(1.0이후) 

드래그형 구글 지도 컴포넌트 ver 0.13 [2009.1.21수정] imagefile [23]

soo_google_map.zip soo_google_map.tgz 2009.1.21 수정 : chinnp 님의 중국어(zh-CN)번역 일부 추가.(zh-CN.php 파일. info.xml파일은 royallin님의 번체자를 옮김.(지도 란 한자만 알아서. 그것만 바꿔둠...) (chinnp(=좀비이) 님 감...

  • [레벨:14]misol
  • 2009-01-05
  • 조회수 23063

적용 버전 정식버전(1.0이후) 

드래그형 구글 지도 컴포넌트 ver 0.12 [2009.1.11 수정] imagefile [5]

soo_google_map.zip soo_google_map.tgz 2009.1.11 수정 : 이미지 리사이즈 애드온과 충돌 안하게 수정 수정내용 : 댣군님의 댓글을 보고, 한국 지도 잘 나오게 수정, 기본 지도 안나오는 설정 삭제(있을 이유 없음;;(필요한가요?)), ...

  • [레벨:14]misol
  • 2008-12-23
  • 조회수 22973

적용 버전 정식버전(1.0이후) 

이미지에디터(ImageEditor) v0.6.1 file [12]

이미지에디터(ImageEditor) v0.6.1v0.6.1 변경사항업데이트XE 1.1.0 이후 버젼에서 제대로 동작하지 않던 문제 해결 컴포넌트 정보 xml파일을 XML 2.0형식(제로보드XE 1.0.6 이후 적용)으로 수정 컴포넌트 아이콘 추가 다운로드js파일...

  • [레벨:5]댣군
  • 2008-12-09
  • 조회수 23793

적용 버전 정식버전(1.0이후) 

드래그형 구글 지도 컴포넌트 ver 0.11 (수정1) imagefile [36]

soo_google_map.zip soo_google_map.tgz 수정1 : 에디터 아이콘 추가 ver0.11 : 주소 검색 여러개일 경우 목록으로 뜨게 수정. 기타 모양 수정 등. 수정5 : 자바스크립트 조금 다듬음 수정4 : 한국어 메세지 모두 언어팩으로 이...

  • [레벨:14]misol
  • 2008-11-24
  • 조회수 26435

적용 버전 정식버전(1.0이후) 

mp3플레이어 컴포넌트(1pixelout) ver.0.2 imagefile [11]

ver 0.2 XE 1.1.0 버젼업으로 인해 기존 컴포넌트가 작동하지 않는 문제 수정 에디터 변경에따른 아이콘 추가 ver 0.1 초기 배포버젼 mp3파일의 저작권문제에 관해서는 본인은 책임을 지지 않습니다. 가급적 저작권에서 자유로...

  • [레벨:1]Nuno™
  • 2008-11-23
  • 조회수 25613

적용 버전 정식버전(1.0이후) 

엠앤캐스트(mncast) 동영상 업로드 컴포넌트 imagefile [20]

XE에 엠앤캐스트 동영상 업로드를 연동해 보았습니다. 엠앤캐스트에서 API를 따로 제공해주지 않고 제휴메일을 보내 신청해야 합니다. 2-3일 걸리는거 같습니다. API제공은 앞으로도 계획이 없다네요 엠앤캐스트서버로 동영상을 올...

  • [레벨:1]JH.Kim
  • 2008-11-17
  • 조회수 21035

적용 버전 정식버전(1.0이후) 

파란 지도편집마법사(인사이드맵) imagemoviefile [32]

회사약도, 모임장소를 공유하는 지도편집 마법사 파란 인사이드맵 [가이드] http://local.paran.c-om/insidemap/guide_0-1.html ** 사용 예 ** 1. 회사 약도 만들기. 2. 출사지/맛집 등 블로그에 파란 지도첨부. 3. 예식장 가는 길.. ...

  • [레벨:1]ej0725
  • 2008-11-17
  • 조회수 21089

적용 버전 정식버전(1.0이후) 

Lavalic Lite 음악 재생기 v0.2 imagemoviefile [33]

Lavalic Lite 음악 재생기 v0.2플레이어 하단부의 배너 부분 변경으로 인하여 전체적인 크기가 변경되었습니다. 기존 사용자분들 중, v0.1에서 작성해놓은 iPodNano스킨이 0.2에서 깨지게 나올 경우, 해당 플레이어가 있는 글을...

  • [레벨:4]VHAIN
  • 2008-10-21
  • 조회수 22790

적용 버전 정식버전(1.0이후) 

Lavalic Lite 음악 재생기 v0.1 imagemoviefile [55]

Lavalic Lite 음악 재생기 v0.1새로운 버전이 나왔습니다! (v0.2) ** 더 많은 스킨은 여기(http://vhain.spring-note.com/pages/18712-84) 에서 보실 수 있습니다. ** Lavalic Lite는 자신이 업로드한 음악, 또는 외부에 있는 음악을...

  • [레벨:4]VHAIN
  • 2008-10-03
  • 조회수 25099

적용 버전 정식버전(1.0이후) 

洙 네이버 상품정보 입력 - 새 에디터에 맞게 아이콘 수정 imagefile [3]

1.0.5버전 이상에서 사용해주세요 네이버 오픈 API 를 이용했습니다. API KEY가 필요합니다. soo_naver_shop.zip soo_naver_shop.tgz 수정 : 페이지 표시기능 중 현재 페이지 위치 표시 수정 수정 : 새 에디터에서 아이콘 나...

  • [레벨:14]misol
  • 2008-09-08
  • 조회수 27423

적용 버전 정식버전(1.0이후) 

洙 사전 검색 입력 컴포넌트 - 새 에디터에 맞게 아이콘 수정 imagefile [12]

백과사전 : soo_ency_dic.zip soo_ency_dic.tgz 국어, 영어, 일어사전 : soo_diclink.tgz soo_diclink.zip 네이버 오픈API를 이용합니다. (네이버 오픈 API키가 필요합니다.) http://openapi.naver-.com/register.nhn 에서 키를 발...

  • [레벨:14]misol
  • 2008-08-16
  • 조회수 34528

적용 버전 정식버전(1.0이후) 

mp3플레이어 콤포넌트(1pixelout) imagefile [22]

워드프레스 플러그인으로 개발된 1pixelout의 플래쉬 기반 mp3플레이어를 제로보드 xe용 에디터 컴포넌트로 수정한 버젼입니다. 제작사 홈페이지 기본 플레이어에서는 ID3태그 출력기능이 있으나, 2바이트 문자가 깨져서 나오는 버...

  • [레벨:1]Nuno™
  • 2008-08-13
  • 조회수 41212

적용 버전 정식버전(1.0이후) 




XE Login

OpenID Login