1. 준비물

①mp3파일과 배경화면이 될 그림 파일(음악파일은 mp3파일만 됩니다. wma나 wav, ogg 등 다른 확장자는 안됩니다.)
②티스토리, 이글루스 등 파일을 업로드할 곳
③플레이어 몸통(다른이름으로 대상 저장 하세요. 이하 동일)
④플레이 리스트 태그
⑤글씨 태그

설명에 앞서 예제를 보겠습니다.

테일즈 위버 OST 플레이어(클릭 재생)



2. 설명

①티스토리나 이글루스 등 업로드할 곳에 mp3 파일과 배경화면이 될 그림 파일, 플레이어 몸통을 업로드 합니다.
(티스토리는 파일 최대 크기가 10메가, 이글루스는 5메가 이니 참고 바랍니다. 그리고 제가 쓰는 미디어 포스팅이란 사이트가 있는데 여기는 파일 최대 크기가 50메가 이지만 유료입니다.)


②업로드한 mp3파일을 오른 클릭 -> 속성 -> 주소 복사를 합니다.



③앞서 다운 받은 플레이 리스트 태그를 엽니다.
아래의 그림처럼 메모장 파일이 나올 겁니다.


아래와 같은 방법으로 작성합니다.



④다른이름으로 저장->파일 형식은 모든 파일, 확장자는 xml, 인코딩은 UTF-8로 해서 저장합니다.



⑤다른이름으로 저장한 플레이 리스트 태그를 업로드 합니다.


⑥다운받은 글씨 태그를 엽니다.


아래와 같은 방법으로 작성해주면 됩니다.

(조정->조절 오타 났셈 걍 넘어가셈)
http://popsong.tistory.com/375
여기 블로그에 색깔 태그가 있어서 링크 올립니다. 앞에 #이 붙어있는데 글씨 태그를 작성 할 때는 #을 빼주세요.
예)주황색 : 0xFFA500 파란색 : 0x0000FF


⑦플레이 리스트 태그와 같이 다른이름으로 저장 -> 파일형식은 모든파일, 확장자는 xml, 인코딩은 UTF-8로 해서 저장합니다.



⑧다른이름으로 저장한 글씨 태그를 업로드 합니다.



⑨이제 플레이어 태그를 작성합니다. 플레이어의 크기는 배경화면이 될 그림 파일의 크기와 맞춰야 합니다. 그리고 실제로 올릴 때에는 대괄호는 지워주시고 꺾쇠 괄호를 입력하세요.
[EMBED src=이 부분에는 플레이어 몸통을 업로드한 주소를 적습니다. width=가로 길이 height=세로 길이 type=application/x-shockwave-flash flashvars="config=글씨 태그의 주소를 적습니다.&file=플레이 리스트 태그의 주소를 적습니다.&controlbar=top&autostart=true&repeat=always"&playlist=bottom][/EMBED]


위 예제 테일즈 위버 OST 플레이어의 소스를 보면 아래와 같습니다.
[EMBED src=http://xiphias.mediaposting.kr/20110723033253_0278.swf width=550 height=414 type=application/x-shockwave-flash flashvars="config=http://xiphias.mediaposting.kr/20110723062154_3793.xml&file=http://xiphias.mediaposting.kr/20110724020455_5916.xml&controlbar=top&autostart=true&repeat=always"&playlist=bottom][/EMBED]


⑩음악을 들으면서 반응을 지켜 봅니다.