이쁘고 깔끔한 플래쉬 뮤직 플레이어 - 블로그에 음악 올릴때,,,(직접설치)

이전 포스트에 이어 이번에는 직접 설치에 관해 살펴보겠다  이 뮤직 플레이어는 워드프레스의 플러그인으로 만들어진 것이다  설치에 필요한 파일 두개를 압축해서 올려 놓겠다  이걸 다운받기 바란다

설치방법은 비교적 간단하다  호스팅을 이용해 설치형 블로그나 웹사이트를 운영하는 분이라면 아래의 파일을 계정에 직접 올리면 된다  티스토리는 직접 올릴수 없기 때문에 비공개로 포스트를 하나 작성한다  그리고 그곳에 파일 첨부로 해서 아래의 압축 파일속에 있는 파일 두개를 올린다  (아래 압축 파일만 받으면 된다)

invalid-file

invalid-file

 

올린 파일들의 경로를 따야 한다  .js 파일은 포스트에서 우클릭 properties 선택해서 주소를 복사해 둔다  swf 파일은 포스트에서 우클릭으로 볼 수가 없다

글쓰기에서 첨부한 .swf 파일을 클릭하면 위처럼 오른쪽에 objec라는 박스가 생긴다 그곳에 자세히 살펴보면 주소 확인이 가능하다  그 주소를 복사해 둔다

아래 소스 코드의 노란색 부분에 위에 준비해둔 두개의 주소를 대신 삽입하면 끝이다  계정에 직접 파일을 올린 경우는 파일의 경로를 넣으면 된다  (아래 텍스트 파일에 코드가 들어있다)

invalid-file

<script language="JavaScript" src="http://paperinz.com/attachment/fl113.js"></script>
<object type="application/x-shockwave-flash" data="http://paperinz.com/attachment/el146.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://paperinz.com/attachment/el146.swf">
<param name="FlashVars" value="playerID=1&amp;
bg=0xf8f8f8&amp;
leftbg=0xeeeeee&amp;
lefticon=0x666666&amp;
rightbg=0xcccccc&amp;
rightbghover=0x999999&amp;
righticon=0x666666&amp;
righticonhover=0xffffff&amp;
text=0x666666&amp;
slider=0x666666&amp;
track=0xFFFFFF&amp;
border=0x666666&amp;
loader=0x9FFFB8&amp;
loop=no&amp;
autostart=no&amp;
soundFile=http://paperinz.com/attachment/음악.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

이제 이 코드를 이용해 글을 작성하거서 사이트에 삽입을 하면 아래 본인이 올린 뮤직 플레이어처럼 작동되는걸 볼 수 있을 것이다  플레이어의 색을 바꾸고 싶은 분은 아래의 연관글을 읽어보기 바란다
 

블로그를 쓰는 유저라면, 위 소스코드의 첫줄인,,,

<script language="JavaScript" src="http://paperinz.com/attachment/fl113.js"></script>

이부분을 스킨 수정에 들어가서 아래 이미지처럼 </head> 앞부분에 넣을 수 있다

그리고 포스트 작성시에는

그 이하의 부분인 <object type="application/x-shockwave-flash"  ~> ~ </object> 부분만 사용하면 된다

완성된 플레이어이다 (역시나 분홍 ^^;;; 노래는 대만 가수겸 배우 양승림의 노래입니다)

연관글

• 이쁘고 깔끔한 플래시 뮤직 플레이어 - 블로그에 음악 올릴때,,,(소스코드)