웹마스터 팁

이것도 팁이 될수 있을까요.
mp3 파일을 다수 업로드 하고 본문삽입 버튼을 누르면 플레이어가 줄줄이 뜨고
멀티미디어 링크로 하면 한곡만 되고.....
사용하기가 좀 번거롭기에

 modules\editor\tpl\js\uploader.js 파일을 수정해서
jwplayer로 여러곡이 플레이 되도록 하는 방법임.

 function insertUploadedFile(editorSequence) {

var settings =
uploaderSettings[editorSequence];
var
fileListAreaID = settings["fileListAreaID"];

var fileListObj = xGetElementById(fileListAreaID);
if(!fileListObj) return;

if(editorMode[editorSequence]=='preview')
return;

var list = new Array(); 대략 390라인 쯤
var text = new Array();
for(var i=0;i<fileListObj.options.length;i++)
{
if(!fileListObj.options[i].selected)
continue;
var file_srl =
fileListObj.options[i].value;
if(!file_srl)
continue;
var file =
uploadedFiles[file_srl];

editorFocus(editorSequence);

// 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..)
if(file.direct_download == 'Y') {
// 이미지 파일의 경우 image_link 컴포넌트 열결

if(/\.(jpg|jpeg|png|gif)$/i.test(file.download_url)) {
if(loaded_images[file_srl]) {
var obj =
loaded_images[file_srl];
}
else {
var obj = new Image();
obj.src = file.download_url;
}
temp_code = '';
temp_code += "<img
src="\"+file.download_url+"\" alt=\""+file.source_filename+"\"";
if(obj.complete == true) { temp_code
+= " width=\""+obj.width+"\" height=\""+obj.height+"\""; }
temp_code += " />\r\n";
text.push(temp_code);
// 이미지외의 경우는 multimedia_link 컴포넌트 연결
} else {
if(/\.(mp4|mp3|flv|mov)$/i.test(file.download_url)){ lista = ''; listb = ''; lista = '{file:"' + file.download_url + '", title:"'; listb = file.source_filename + '+ '"},'; list = list + lista + listb;
}else{


text.push("<img src="\"common/tpl/images/blank.gif\"
editor_component=\"multimedia_link\" multimedia_src="\"+file.download_url+"\"
width=\"400\" height=\"320\"
style=\"display:block;width:400px;height:320px;border:2px dotted
#4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif)
no-repeat center;\" auto_start=\"false\" alt=\"\" />");
}

}

// binary파일의 경우 url_link 컴포넌트 연결
} else {
text.push("<a
href="\"+file.download_url+"\">"+file.source_filename+"</a>\n");
}
}
listc ='<div id="cons">Loading the player...</div>
<script type="text/javascript"
src="/jw/jwplayer.js"></script>
<script type="text/javascript">jwplayer("cons").setup({flashplayer:
"/jw/ehplayer.swf",config: "/jw/config.xml",playlist:[';
if(list.length>1) text.push (listc + list + '] });</script>');

 // html 모드 

최신버전 다운로드 http://developer.longtailvideo.com/trac/browser/trunk

 빨간색 소스가 추가된 부분입니다.
jwplayer 를 다운로드 후 jwplayer.js , jwplayer.swf, config.xml 파일을 자신의 계정에 업로드.
보라색 부분은 jwplayer 주소 본인에 맞게 변경하세요.

재생 가능한 확장자는 mp4|mp3|flv|mov 등등으로 추가 가능하고 세부 설정은 config.xml 에서 설정 하세요
스킨 플러그인 config.xml 작성법등등 자세한 jwplayer사용법은 위 링크를 참고하세요.

참고로 저는 스크립트를 모릅니다.
전문가 분들이 보기에 문제가 되는 부분이 있다고 알려 주시면 삭제하겠습니다.

제목 글쓴이 날짜
다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] 공수래 2011.05.30
1.5.x 이후 문서보기 유저 지정 애드온 안되는 현상 해결방법. [6] 해피신 2012.01.31
XE 도쿠위키 세션으로 연동 [5] 도라란 2011.11.17
업데이트했는데 관리메뉴중 일부가 안보일때 [2] 요술봉 2012.03.04
특정게시판, 비밀글로 작성하기 [19] file 대암지기 2008.02.13
Xe 1.5.0.9 사용자 설치메뉴얼 제2부 [22] file 황비 2011.11.22
게시판 본문에 글쓴이 전화번호 추출하여 보이기 늘푸른이 2012.03.03
1.4.5.10 이하에서 1.5.x 이상 업데이트시 백지상태 되는 경우 다운그레이드 방법 [2] WhiteAT2 2011.10.29
ie9에서 회원가입폼 클릭이 안될때 엔키오 2012.03.01
스크롤바색상 변하게 [5] file 김민787 2008.05.28
XE관리자 메뉴 활용 방법 ^^ [24] file 똥똥 2011.12.09
외부페이지를 생성해서 사용하면 무척 빠릅니다. [2] 퍼니엑스이 2012.02.27
모바일 페이지가 스마트폰에서 가로폭이 넓게 나올경우의 팁 [2] 카워시 2012.02.27
관리자메뉴에 사이트메뉴 안나오시는분 수정 하세요!! [5] file 박인영647 2012.02.16
초보 헤메다가 팁//댓글기능 보이기 감추기 [5] 리히토 2008.07.15
v1.5를 위한 제어판 테마 애드온 정식 [4] file 우진홈 2012.02.13
드림위버로 FTP 파일 바로 수정하기 : FTP다운로드->수정->FTP업로드 번거러운 수정과정 X [3] file Treasurej 2011.05.21
1.5.1.3용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정 안내 [2] file 하얀마법 2012.01.27
XE 레이아웃에 로고 넣을때 주의할점!!! [1] JHRunning 2012.02.23
첨부파일 보이기 숨기기 옵션추가 [18] ☜ TeRy ☞ 2009.02.10