고정 헤더 영역
상세 컨텐츠
본문
반응형
써니님이 운영하는 써니의 음악공간 블로그에 가면 플래시로 된 색다른 뮤직 플레이어를 사용하고 있다 이걸 본분도 있을테고 처음 본분들도 있을 것이다
본인의 경우 예전에 효과음을 무료로 받을 수 있는 사이트를 소개할때 이 플레이어를 봤었다 써니님은 이걸 해외 음악 사이트에서 소스를 긁어와 쓰고 있다고 한다
처음엔 이 뮤직 플레이어가 그냥 그랬는데, 갑자기 이놈 탐난다 (넌 음악 올리지도 않잖아 왜 탐나? 퍽! ^^;;;) 그래서 소스를 긁어 오려고 했는데, 전혀 다른 두곳에서 같은 플레이어를 쓰는걸 봐선 원본 파일이 존재할꺼 같았다 이왕이면 원본을 가져오고 싶은 욕심에 약간의 검색 수고를 들여 이놈을 구했다
일단 2회로 나누어서 포스팅을 하겠다 첫 포스트에서는 소스코드만 제공할 것이고, 두번째 포스트에서는 직접 블로그에 설치하는 방법에 대해 설명하려고 한다 물론 본인이 티스토리를 쓰므로 티스토리 기준이다 설치하는게 귀찮은 분들이나 조금의 트래픽이라도 줄이고 싶은 분들은 소스코드만 이용해도 아무런 불편함이 없을 것이다
기본소스코드 (아래 첨부파일로 올려 놨으니 그걸 받으시면 됩니다)
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&soundFile=http://paperinz.com/attachment/음악.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
<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&soundFile=http://paperinz.com/attachment/음악.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
이게 기본 소스코드이다 분홍색 부분을 원하는 음악 파일의 경로로 바꾸면 음악이 재생된다 첫줄의 하늘색 부분은 없어도 작동한다 아래는 위 코드를 실행한 모습이다 (음악은 대만드라마 "전신"의 OST 이다)
기본 플레이어의 색은 회색톤이다 하지만 이 플레이어는 사용자가 원하는 색으로 바꿀 수 있다 (역시 아래 첨부파일에 코드가 들어 있습니다)
<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&
bg=0xf8f8f8&
leftbg=0xeeeeee&
lefticon=0x666666&
rightbg=0xcccccc&
rightbghover=0x999999&
righticon=0x666666&
righticonhover=0xffffff&
text=0x666666&
slider=0x666666&
track=0xFFFFFF&
border=0x666666&
loader=0x9FFFB8&
loop=no&
autostart=no&
soundFile=http://paperinz.com/attachment/음악.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
<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&
bg=0xf8f8f8&
leftbg=0xeeeeee&
lefticon=0x666666&
rightbg=0xcccccc&
rightbghover=0x999999&
righticon=0x666666&
righticonhover=0xffffff&
text=0x666666&
slider=0x666666&
track=0xFFFFFF&
border=0x666666&
loader=0x9FFFB8&
loop=no&
autostart=no&
soundFile=http://paperinz.com/attachment/음악.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
이게 색을 바꿀수 있게 해주는 코드이다 중간에 노란 부분이 색지정을 해주는 곳이다 각각 가리키는 곳은 아래의 이미지를 참조하기 바란다 똑같이 하늘색 부분은 없어도 사용이 가능하다
마지막 두줄에 loop, autostart 가 있다 반복과 자동재생 옵션이다 no를 yes로 바꾸면 무한 반복, 자동재생이 된다 아래의 재생기는 본인이 직접 색을 바꾼 것이다 (역시나 분홍으로 도배를 했다 ^^;;;)
위 재생기는 본인의 티스토리에 설치가 되어 있기 때문에 티스토리의 자랑인 무제한 트래픽에 의해 마음껏 사용해도 상관이 없다 다음 포스트는 직접 설치하는 방법을 설명하겠다
덧, 리더기에서는 플레이어가 나타나지 않는군요 직접 방문해 주세요 ^^*
연관글
반응형
댓글 영역