웹마스터 팁

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

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

제목 글쓴이 날짜
게시판 관리자 표시하기... [6] file 카르마 2011.02.05
랜덤 이미지 롤링위젯스킨에서 컬러셋이 적용되지 않는분은 필독! file xemall 2011.02.02
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
홈페이지 브라우저 크기 고정시키기 코아 코스튬 2011.01.30
PHP의 끝을 닫지 않아도 실행됩니다. [2] SMaker 2011.01.29
외부에서 단독으로 xe게시판에 글 올리기, blogapi 기능 사용하여, [6] file 김기철980 2011.01.27
XE 게시판에 소셜댓글 라이브리 적용하기 [6] [1] file 미자503 2011.01.26
'대표도메인'연결후 '로그인'이 안될때,,(먹통) moonlight994 2011.01.24
PHP 5.3.x DEPRECATED 에러 해결하기 [2] 난다날아 2011.01.21
좋은 레이아웃 찿으시는 분들 선우님이 새로 또 하나의 좋은 레이아웃을 만드 셨네요... [2] 유샤인 2011.01.21
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] HolyJohn 2011.01.21
[ 도움요청 ] 게시판 리스트에서 작성한 사람만 작성한 리스트가 보이는 방법 ?? 잘살아서복수!! 2011.01.20
XE에서 레이아웃이나 기타의 페이지에 include 사용에 대한 오해??? [3] DuRi 2011.01.18
탈퇴회원 아이디 재사용 막는 법 [5] 한꼬마 2011.01.18
텍스타일 블로그 메인페이지 만들기 [1] designm 2011.01.13
Content위젯에서 분류명(카테고리)를 이미지로 표현하기 [1] nalireco 2011.01.12
xe에 모바일 업로드 하기(api 이용, 파일첨부 업로드 해결) [4] 천민수 2011.01.12
"서버에 요청중..." 메세지 없애기 [3] SeoSeungHyun 2011.01.11
[펌] HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기 [6] file 999 2011.01.11
게시판모듈 글목록에서 분류명(카테고리)를 이미지로 표현하기 [4] nalireco 2011.01.06