에르마리트

hansh96.egloos.com

포토로그



Baby Voice Player Customizing

1. 우선 swf 파일을 준비합니다.
소위 플짤로 불리는 파일들입니다.
직접 만드셔도 되고, 기존에 올라와 있는 플짤을 이용하셔도 됩니다만, 되도록이면 가로:세로 비율이 1:1 이 되게 맞춰주시면 좋습니다.
(swf 파일 사이즈나 가로:세로 비율에 상관없이 240x240 으로 변경됩니다.
그렇기 때문에, 위의 예제에서 보시듯이 1:1 이 아닌 영상은 약간의 왜곡이 있습니다.)


2. MovieList.xml
위 xml 파일을 다운 받으신 후, 아래 설명대로 수정합니다.
(플짤 올리신 분들께 다시 한 번 양해 구하겠습니다.)
2010_04_25 추가 : 아래 소스를 복사 - 붙여넣기 하셔서 xml 파일을 만드시면 정상적으로 동작하지 않습니다.
꼭 위 xml 파일을 다운받으셔서 수정하시기 바랍니다.

<root>
  <item num="0" path="http://merong77.tistory.com/attachment/cfile6.uf@1857700D4B83E3C17665BB.swf" imgPath="http://cfile26.uf.tistory.com/image/1855DD264BB4A88617F695" />
  <item num="1" path="http://cfs.tistory.com/custom/blog/46/468727/skin/images/Jessica_07_StarKing.swf" imgPath="http://cfile10.uf.tistory.com/image/1754BD264BB4A88510532F" />
  <item num="2" path="http://cfile3.uf.tistory.com/original/131025214B1E7D7B16F1F1" imgPath="http://cfile25.uf.tistory.com/image/17484B264BB4A886491892" />
  <item num="3" path="http://tlwh1.tistory.com/attachment/cfile23.uf@17085B144AB952D42E96E7.swf" imgPath="http://cfile24.uf.tistory.com/image/155A22264BB4A8860C11EC" />
  <item num="4" path="http://fileserver.cgntv.net/File1/club/435gfdg/0828_21%BD%C359%BA%D0_CH6-1_33%C0%FD%C4%A3%B3%EB%C6%AE2_(12%BC%BC).tr.0000.swf" imgPath="http://cfile24.uf.tistory.com/image/1753B8264BB4A88414556C" />
  <item num="5" path="http://cfile10.uf.tistory.com/original/1914B4234B912D1C22E528" imgPath="http://cfile22.uf.tistory.com/image/194E93264BB4A88738A513" />
  <item num="6" path="http://cfile21.uf.tistory.com/original/136D4A1E4B7023929EFA5D" imgPath="http://cfile29.uf.tistory.com/image/195F7A264BB4A885180784" />
  <item num="7" path="http://cfile26.uf.tistory.com/media/1563C1134B1FAE6C235CEE" imgPath="http://cfile6.uf.tistory.com/image/160BA1264BB4A887E87D24" />
  <item num="8" path="http://cfile23.uf.tistory.com/original/143677274A4FBE1F6853B6" imgPath="http://cfile25.uf.tistory.com/image/154FC0264BB4A88538BEC5" />
</root>

수정하시기 쉽게 최대한 간단하게 정리했습니다.

보시다시피 path= 뒤 따옴표 사이에 붉게 표시된 swf 파일 경로만 수정하시면 됩니다.
0번이 12시 방향 영상이고 시계방향으로 내려옵니다.

다음으로, 파란색으로 표시된 imgPath= 뒷 부분을 변경하면 아이콘이 변경됩니다.
아이콘 사이즈는 80x80 으로 맞춰집니다.
(다른 부분은 변경하시면 안됩니다.)

수정 후, 자신의 웹 계정에 xml 파일을 업로드 합니다.
(저 같은 경우는 제 이글루스 계정에 MovieList.xml 이라는 파일이름으로 업로드 했습니다.)


3. 플레이어를 올리고 싶은 곳에 아래의 태그를 수정해서 올립니다.

<embed src="http://pds16.egloos.com/pds/201004/02/70/BabyVoiceV2Finale01.swf" flashvars="xmlPath=http://hansh96.inames.kr/flash/MovieList.xml" quality="high" bgcolor="#ffffff" width="757" height="405" name="BabyVoice02" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer">

이번에도 붉게 표시된 flashvars= 뒷 부분, 즉 2번에서 올리신 xml 파일 경로만 수정하시면 됩니다.
따옴표만 잘 주의하시면 큰 어려움은 없을것으로 생각됩니다.
한 가지 주의하실 점은, 어떻게 보면 당연한 말이겠지만 html 편집기에서 입력하셔야 합니다.


덧글

  • ㅠㅠ 2010/04/24 14:42 # 삭제 답글

    전 왜 안될까요 ㅠㅠ
    몇번을 확인하고 다시 해 봐도 그냥 플레이어만 뜨고 xml 파일은 못읽어요.. 사진도 동영상도 안뜨고 빈 기계만 돌아가는...
    심지어는 에르마리트님의 xml 파일을 다운받아서 수정을 전혀 하지 않고 그대로 다른곳에 올려서 시험해봐도 안되네요..
    태그도 정확히 따라서 썼는데..
  • 에르마리트 2010/04/29 12:13 #

    덧글 보고 확인해 보니, 위 소스를 복사해서 만든 xml 파일에 문제가 있네요.
    본문에 추가한대로 xml 파일을 다운 받으셔서 수정하시면 정상적으로 동작합니다.
    불편을 끼쳐드려 죄송합니다.
  • 2010/05/13 20:48 # 삭제 답글 비공개

    비공개 덧글입니다.
  • 에르마리트 2010/05/14 10:53 #

    xml 파일은 그냥 메모장에서 만드시면 됩니다.
    확장자만 xml 로 붙여주시구요.
    위 링크에서 파일 다운받으시면 메모장에서 바로 여실 수 있으니 필요한 부분만 수정하시면 되겠네요.
  • 2010/05/14 12:51 # 삭제 답글 비공개

    비공개 덧글입니다.
  • 2010/05/16 00:12 # 답글 비공개

    비공개 덧글입니다.
댓글 입력 영역