이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.

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

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

워드프레스 플러그인으로 개발된 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

[레벨:7]매실茶

2008.08.13 21:28:02
*.168.223.119

오오~~

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

[레벨: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

[레벨:7]매실茶

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

[레벨:7]착한악마

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개 뜹니다..그럼 안되니깐 꼭 지우세요..^^

[레벨:15]라르게덴

2008.08.28 18:40:59
*.234.236.247

잘쓰겠습니다. ^^

[레벨:15]테사카

2008.09.05 11:23:11
*.114.22.74

좋은 자료 감사합니다.

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

[레벨:4]아기둘

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
번호 제목 글쓴이 날짜 조회 수 추천 수

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

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

  • [레벨:15]misol
  • 2008-08-16
  • 조회 수 46509
  • 추천 수 1

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

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

  • [레벨:1]Nuno™
  • 2008-08-13
  • 조회 수 50757
  • 추천 수 3

洙 네이버 책 검색 입력 Ver 0.1 - 새 에디터에 맞게 아이콘 수정 imagefile [12]

수정내용 : 기능상은 변화 없음.. 글쓰기 창에서 내용 입력 받는 부분 모두 URLENCODE 적용 네이버 책 검색 입력 컴포넌트 입니다. 네이버 오픈API 키가 필요합니다. 오류는 댓글로 달아주시면 감사하겠습니다. 파일은 둘중...

  • [레벨:15]misol
  • 2008-07-05
  • 조회 수 79661
  • 추천 수 5

네이버 이미지 입력 Ver 1.0 - 새 에디터에 맞게 아이콘 수정 imagefile [22]

수정내용 : 기능상은 변화 없음.. 글쓰기 창에서 내용 입력 받는 부분 모두 URLENCODE 적용 네이버 오픈 API의 이미지 검색 API를 이용하였습니다. 이 컴포넌트를 이용하기 위해서는 http://openapi.naver.com/register.nhn...

  • [레벨:15]misol
  • 2008-06-21
  • 조회 수 84692
  • 추천 수 4

판도라 동영상 삽입 (0.2.6, 2009-01-12) imagefile [19]

판도라 TV 동영상 업로드 컴포넌트를 최신 API로 업데이트 하였습니다. 삽입된 게시물 미리보기 & 동영상 업로드 해보기 1. 설치 첨부된 압축 파일을 내려 받습니다. 폴더째 압축되어 있으므로 아래 위치에 압축을 풀면 됩...

  • [레벨:14]Simulz
  • 2008-06-14
  • 조회 수 72085
  • 추천 수 5

이미지에디터(ImageEditor) v0.6 imagefile [51]

이미지에디터(ImageEditor) v0.6 컴포넌트 소개 이미지에디터는 그림을 새로 그리거나 그림을 불러와 편집할 수 있는 이미지 편집용 에디터 컴포넌트입니다. 연필, 브러시, 픽셀편집, 지우개, 선, 직사각형, 원, 타원, 채우기, 텍스...

  • [레벨:5]댣군
  • 2008-05-19
  • 조회 수 96770
  • 추천 수 11

글 상자 컴포넌트 ver 0.1 (textbox) imagefile [10]

글꼴, 줄 간격, PRE 스타일 등을 지정할 수 있는 글 상자를 작성합니다. 설치 위치 : zbxe/modules/editor/components/ 하위 디렉토리 기본값 설정 및 활성 : 관리자 화면 - 기능성 모듈 - 위지윅 에디터 - 글 상자 글 상...

  • [레벨:4]mooo
  • 2008-05-14
  • 조회 수 85353
  • 추천 수 5

네이버 이미지 입력 Ver 0.52 (수정2) imagefile [24]

ver 0.52 : 0.5에서 입력한 이미지들, 수정 없이 뜨도록 수정. ver 0.51 : 이미지 입력 js 약간 수정 Ver 0.5 : 썸네일 생성되게 수정. Ver 0.4 : 페이지 기능 추가. 한 페이지당 보여줄 개수 설정 가능하게 수정(기본값...

  • [레벨:15]imsoo.net
  • 2008-05-10
  • 조회 수 85010
  • 추천 수 2

sinpic_map을 triplog_map로 변경하며 많은 기능개선을했습니다. imagefile [43]

기존에 SINPIC MAP을 대폭 개선하여 TRIPLOG MAP으로 다시 태어났습니다. 먼저 기능개선은 1. 항상 naver MAP에만 머물러있어야했던 첫화면을 등록 당시의 MAP으로 나오게 했습니다. 예를 들어 맵 등록 시 구글 맵을 ...

  • [레벨:2]트루먼
  • 2008-05-09
  • 조회 수 70766
  • 추천 수 2

야후 거기 지도 입력 v.0.1 - 새 에디터에 맞게 아이콘 수정 imagefile [8]

야후 거기 지도 Open Api를 이용하는.. 컴포넌트 입니다. 야후 지도는 외국 지명 검색이 가능하다고 합니다.... 외국 지명을 많이 모르기 때문에.. london검색해보니.. 됩니다... 여튼.. 제가 php나 javascript를 잘 못 다루기...

  • [레벨:15]misol
  • 2008-04-06
  • 조회 수 76056
  • 추천 수 1

LaTeXRender 0.0.1r1 imagefile [63]

LaTeXRender Expression Image \displaystyle\int_{0}^{1}\frac{x^{4}\left(1-x\right)^{4}}{1+x^{2}}dx= \frac{22}{7}-\pi \begin{displaymath} y = \left\{ \begin{array}{ll} a & \textrm{if $d>c$}\\ b+x & \textrm{in th...

  • [레벨:5]HNO3
  • 2008-03-24
  • 조회 수 76808
  • 추천 수 2

아이프레임 추가(Iframe_maker) v0.1 imagefile [22]

아이프레임 추가(Iframe_maker) v0.1 컴포넌트 소개 아이프레임 태그를 넣고싶을때 간단하게 사용할 수 있습니다. 프레임창 크기, 테두리 모양, 굵기, 색깔, 그리고 스크롤바 사용 설정 등을 할 수 있습니다. 주의사항이 컴포넌트는 ...

  • [레벨:5]댣군
  • 2008-03-20
  • 조회 수 76409
  • 추천 수 8

스크랩 거부 컴포넌트 (수정1) imagefile [21]

휴리스틱님 의견 반영해서, 작성자가 설정하지 않으면, 마우스 드래그, 오른쪽 버튼, 특수키 모두 허용 됩니다. 수정1 수정사항 : 제외 그룹과 회원 비교하는것.. 조금 바꿈 스크랩 금지 애드온(http://www.zeroboard.com/16562676)의...

  • [레벨:15]imsoo.net
  • 2008-03-16
  • 조회 수 62907
  • 추천 수 2

정보공유라이선스 출력 컴포넌트 (수정2) imagefile [5]

수정1 내용 : 이미지 사용 안할때, 메타데이터 표기 안했던것을 표기하도록 수정... 메타데이터(http://freeuse.or.kr/htm/main2_3.htm ) CCL 출력 컴포넌트를 조금 바꾸어서 만들 었습니다. 문서에 정보공유라이선스2.0을 입력 할 수...

  • [레벨:15]imsoo.net
  • 2008-03-16
  • 조회 수 61802
  • 추천 수 0

이미지에디터(ImageEditor) v0.4 fix2 imagefile [21]

새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.4 fix2 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.4 변경사항 일부 외국어가 지원됩니다. 필터 툴이 추가되었습니다. 업데이...

  • [레벨:5]댣군
  • 2008-02-20
  • 조회 수 79112
  • 추천 수 4

이미지에디터(ImageEditor) v0.3 imagefile [23]

새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.3 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.3 변경사항 사각선택영역 기능이 추가되었습니다. 업데이트사각선택영역기능 추가...

  • [레벨:5]댣군
  • 2008-02-04
  • 조회 수 76460
  • 추천 수 5

[수정]이미지에디터(ImageEditor) v0.2 fix1 imagefile [27]

새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.2 fix1 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. v0.2 변경사항 두번째로 배포하는 버젼입니다. 확대/축소 기능과 픽셀툴이 추...

  • [레벨:5]댣군
  • 2008-01-22
  • 조회 수 74985
  • 추천 수 5

이미지에디터(ImageEditor) v0.1 fix1 imagefile [58]

새로운 버젼이 나왔습니다. 이미지에디터(ImageEditor) v0.1 (위 그림은 이미지에디터에서 그려졌습니다) 이미지에디터는 그림을 그리거나 그림을 불러와 편집할 수 있는 에디터 컴포넌트입니다. 기능 소개 그리기 도구 (Tools) 연필연...

  • [레벨:5]댣군
  • 2008-01-12
  • 조회 수 80240
  • 추천 수 19

SINPIC지도 에디터 컴포넌트 버전 0.2 입니다. file [24]

안녕하세요.. 오랜만에 버전업했습니다. 한다한다 하면서 시간이 잘 나지 않았는데... 버전 0.1에서 나온 수정사항 중 일부를 적용했습니다. 1. 주소 검색 후 링크 눌렀을 경우 바로 위치정보를 넣을 수 있도록 했습니다. 2. ad...

  • [레벨:2]트루먼
  • 2008-01-10
  • 조회 수 53804
  • 추천 수 2

SINPIC지도 에디터 컴포넌트 올려봅니다.(네이버맵 + 구글맵) imagefile [85]

네이버맵을 대치할 수 있는 SINPIC MAP를 만들어 봤습니다. SINPIC MAP는 네이버맵과 구글맵을 연동하였고 sinpic.com에 메타등록을 하실 수 있도록 했습니다 그럼 설치 방법을 알려드리겠습니다. 1. 첨부파일을 다운로드...

  • [레벨:2]트루먼
  • 2007-11-22
  • 조회 수 89973
  • 추천 수 7


XE Login

OpenID Login