묻고답하기
예전에 긁어왔던 글인데 사용법을 모르겠어요. 도와주세요.
2011.07.31 19:08
빨간색으로 되어 있는 글 읽어보시고 사용법 좀 알려주세요.
XE게시판 목록에서 뮤직 플레이 컨트롤러 삽입하기
XE게시판 목록에서 뮤직 플레이 컨트롤러 삽입하기
개요
클라이언트 측에서 게시판 목록에다 음악플레이가 되게 컨트롤 버튼을 넣어달라는 요청을 해왔다. 좀 난감했고, 불가능하다고 느꼈지만 막상 작업하다보니 해결을 보게 되었다.
대략적으로 XE에서 게시물에다가 음악파일로 첨부를 하면 그것을 확인하여 게시판 목록에서 플레이버튼이 생기면서 플레이버튼을 누르면 첨부한 음악이 나오게 된다.
목록에 로드되는 플래시 캐시가 많기 때문에 음악을 멈추고 일정 시간이 지나면 음악이 언로드 된다. 그전에 다시 플레이버튼을 누르면 일시정지한 부분부터 플레이하게 된다.
뮤직 플레이 플래시 파일
뮤직플레이어 플래시 작업파일 다운로드(cs5,ac3.0으로 제작)
SoundPlay 다운로드(첨부파일 확인)
플래시 로드 자바스크립트 준비
플래시를 로드하는 자바스크립트를 추가한다. 다른것으로 사용해도 되고, 표준 방식으로 플래시를 불러도 상관없다.
// flashWrite(파일경로, 가로, 세로, 아이디, 배경색, 변수, 윈도우모드)
function flashWrite(url,w,h,id,bg,vars,win){
var flashStr=
"<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='"+w+"' height='"+h+"' id='"+id+"' align='middle'>" +
"<param name='allowScriptAccess' value='always' />" +
"<param name='movie' value='"+url+"' />" +
"<param name='FlashVars' value='"+vars+"' />" +
"<param name='wmode' value='"+win+"' />" +
"<param name='menu' value='false' />" +
"<param name='quality' value='high' />" +
"<param name='bgcolor' value='+
'"+bg+"' />" +
"<embed src='"+url+"' FlashVars='"+vars+"' wmode='"+win+"' menu='false' quality='high' bgcolor='"+bg+"' width='"+w+"' height='"+h+"' name='"+id+"' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />" +
"</object>";
document.write(flashStr);
}
xe 게시판 목록 스킨에 코드추가
아래의 코드를 게시판 목록 스킨 글이 반복되는 곳에다 삽입하면 첫번째 첨부파일 주소가 나오게 된다. 단 음악파일만 출력된다.
{@ $uploaded_list = $document->getUploadedFiles() }
<!--@foreach($uploaded_list as $key => $file)-->
<!--@if(preg_match("/\.(mp1|mp2|mp3|mp4)$/i",$file->source_filename))-->
{$file->uploaded_filename}
<!--@break-->
<!--@end-->
<!--@end-->
음악파일이 표시되는 부분에 플래시를 로그하기 위하여 아래와 같이 변경한다. 플래시를 불러오면서 음악파일 주소가 적힌 변수를 플래시로 넘겨준다.
<script type="text/javascript">
flashWrite("/swf/SoundPlay.swf", "19", "17", "soundplay", "white","sndSource={$file->uploaded_filename}","transparent");
</script>
여러가지 음악파일을 플레이시킬 필요가 없어서 음악파일 하나 발견하면 정지시키게 break걸었다.
복수 음악을 넣고 플레이어를 만들고싶으면 break부분을 빼고, 구분자 넣고 주소목록을 한줄에 쭉 적고 플래시에서 배열처리해서 플래시를 수정한다.
하지만 그렇게 많이 사용하지 않을거 같다. ㅋㅋ~
출처 : http://ddada.pe.kr/detail.php?mod=0&no=70
도와주심 감사하겠습니다. sc70_SoundPlay.zip
출처 : http://ddada.pe.kr/detail.php?mod=0&no=70
도와주심 감사하겠습니다. sc70_SoundPlay.zip
댓글 0
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 스턴이 |
회원가입 이용 약관 관련 질문
[2]
 | 2009.01.22 by 스턴이 |
| 아쿠 | xe에선 div 위치지정을 absolute로 못하나요? | |
| 수인 | 회원가입을 허용하려면..?? [1] | 2009.01.22 by 넨네 |
| 양동현 | 최근 게시물 출력에서 공지 글일경우 맨위로 하는법? [1] | 2009.01.24 by wow power leveling |
| 왜만지냐 | svn업그레이드시 궁금증... [2] | 2009.01.22 by 왜만지냐 |
| 홍태경v |
알FTP zbxe 1.1.4 업로드 오류 ㅜㅜ
[2]
| 2009.01.22 by 홍태경v |
| ShopFree | 게시판기능중에,, [7] | 2009.01.22 by 넨네 |
| dfi32 | 이스킨 zbxe로 쓰는건가요 아님zb4로 쓰는건가여 [2] | 2009.01.22 by 넨네 |
| 마우스킬러 | 통합검색 부분을 안보이게 하는 방법없을까요? [2] | 2009.01.24 by wow power leveling |
| sky | 이미지 파일 이름변경 [2] | 2009.01.22 by sky |
| 베르짱 | 예전 제로보드4에는 있었는데 XE에는 없는...[주민번호] [5] | 2009.01.22 by 베르짱 |
| 샤릉해 | MySQL 쉽게 공부할 수 있는 책 [추천] 부탁드립니다. [1] | 2009.01.22 by SOL군 |
| sky | .htaccess [1] | 2009.01.22 by SOL군 |
| dfi32 |
zb4 메뉴 넣기
| |
| 이지인 | 한번만 더 봐주시겠습니까? ㅠㅠ | |
| 앤디러브 |
플래너 문제로 문의합니다
[2]
| 2020.03.14 by wow power leveling |
| 흑묘백묘 | 언어(lang)선택에 따라 변하는 텍스트? 추가는 어떻게 하는지요? [3] | 2009.01.22 by 백성찬 |
| 투어리 |
로그인이 먹통이에요..
[1]
| 2009.01.24 by wow power leveling |
| 청개굴이 | 글자 크기 작아지는 현상.. [10] | 2009.01.22 by 청개굴이 |
| 애치티 | 회원관리 모듈을 관리자 그룹에서 만질수 있게 하는 방법은? |