지난 번에 Dewplayer를 활용한 티스토리용과 태터툴즈용의 Flash MP3 Player의 매뉴얼을 작성해 본적이 있다.
이번에는 다른 플래시 모듈로 제작된 Album 단위 기준의 Flash MP3 Player를 소개해봅니다.
플래시 플레이어 모듈 업로드 후에는 아래의 3단계 (2~4단계)만으로 포스팅까지 작업이 끝납니다.
설치 및 활용 매뉴얼
0. 준비물 : 음원, 메모장, PHP계정
1. 플래시 플레이어 모듈의 설치 (공개된 무료버젼)
- http://blog.naver.com/acidheads/90011576822 (Flash MP3 Player)
- 방문하시어 Flash MP3 Player를 다운로드후 압축을 해재하시고 임의의 계정에 업로드.
(PHP 계정이 없으신분은 모듈만 남의 계정에 업로드하시면 됩니다.)
2. mp3를 어디엔가 업로드후 URL 숙지
- 음원의 경우 개인 FTP를 올리는 계정은 필수는 아닙니다. 어디든 고정된 URL만 따면 되거든요.
3. 플레이리스트의 작성후 업로드
- 업로드한 최상위 폴더에 playlist.xml을 다운받거나 상시 PC에 보관
- 화일의 수정 (track 태그의 반복으로 곡수 추가)
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList><track>
<title>곡제목1</title>
<creator>가수명1</creator>
<location>해당곡의 http://를 포함한 MP3 URL전부</location>
</track><track>
<title>곡제목2</title>
<creator>가수명2</creator>
<location>해당곡의 http://를 포함한 MP3 URL전부</location>
</track></trackList>
</playlist>
- image태그로 이미지도 보여줄수 있으나
계정에 업로드된 영문도움말을 참조하시기 바라므로 상세 설명은 생략합니다.
4. 소스의 적용안내
<center><embed src="http://를 포함한 계정상의 mp3player.swf의 전체 URL" width="300" height="200" bgcolor="#FFFFFF"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="file=http://를 포함한 계정상의 playlist.xml의 전체 URL&showdigits=true&autostart=false&repeat=true&shuffle=false" /></center>
- 위 부분에서 분홍색부분과 녹색부분에 http://포함한 절대경로를 넣어주시면 됩니다.
- 플레이어 변수도 상기 표기된 showdigits, autostart,repeat,shuffle 외에 여럿 더 있으나 중요하지 않기에 계정에 업로드된 영문도움말을 참조하시기 바라므로 상세 설명은 생략합니다.
(사족) "click here to activate" 문구의 방지
브라우져에 따라 플레이어를 클릭하려고 할때 "click here to activate"라는 문구가 뜨고 클릭하면 그 즉시 플레이어가 활성화 되는 케이스가 있습니다.
그 문구가 귀찮으시면 아래의 문구를 <head> ~~~ </head> 사이에 아무데나 넣어주시기 바랍니다.
티스토리의 경우 Skin.html 화일이며 보편적인 적용은 플래이어가 재생될 해당 페이지의 입니다.
<script type="text/javascript" src="http://를 포함한 계정상의 ufo.js의 전체 URL"></script>
'Etc > Use' 카테고리의 다른 글
| 탐색기에서 음원 태그정보 확인해버릴까? (0) | 2006/12/22 |
|---|---|
| Flash MP3 Player 나도 써보자 (2) (19) | 2006/12/05 |
| Internet Explorer 7.0 / 8.0 검색공급자 추가 (3) | 2006/11/26 |
| Favicon Refresher (파비콘이 갑자기 안보인다?) (9) | 2006/10/23 |
