웹마스터 팁

이것도 팁이 될수 있을까요.
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사용법은 위 링크를 참고하세요.

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

제목 글쓴이 날짜
ie9에서 파일첨부버튼이 먹통일때.. (1.4.5.10 버전) 엔키오 2012.03.07
다수의 업로드 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