원래 워드프레스 플러그인인 아래의 플래시 MP3 플레이어.
태터툴즈에서는 내가 아이디어를 내서 J.Parker 님이 만들어 주신 플러그인으로 사용할 수 있지만,
플러그인이 자유롭지 못한 티스토리에서는 사용할 수 없었다.
이에 꽁수를 내서 티스토리에서도 사용할 수 있도록 해 보았다.
먼저 플래시 MP3 플레이어의 기본 작동구조를 알아야 한다.
플레이어의 주소는 아래와 같은 구조로 이루어져 있다.
http://xxxxxx.com/player.swf?soundfile=http://xxx.mp3
http://플레이어 swf 파일 주소?soundfile=재생될 mp3 파일 주소
그렇게 해서
에 주소 전체를 입력해주면 아래와 같은 플레이어가 나온다.
자, 기본은 여기까지.
회색 플레이어는 칙칙하니까 이제, 색상을 입혀보자.
아래 플레이어는 보기로 나타내 보았다.
이 플레이어의 주소는 아래와 같다. (오우, 길다 ㅡㅁㅡ; )
영역은 아래 그림을 참고해서 보면 되겠다.
이상으로 정신없는 강좌를 마칩니다.
이해 잘 안되시면 댓글 팍팍 남기시면 가능한 한 설명해 드립니다. ㅡ0ㅡ;
소스 보기를 해서 찾아보시면 이해가 좀더 빠르지 않을까 생각해 봅니다....
태터툴즈에서는 내가 아이디어를 내서 J.Parker 님이 만들어 주신 플러그인으로 사용할 수 있지만,
플러그인이 자유롭지 못한 티스토리에서는 사용할 수 없었다.
이에 꽁수를 내서 티스토리에서도 사용할 수 있도록 해 보았다.
먼저 플래시 MP3 플레이어의 기본 작동구조를 알아야 한다.
플레이어의 주소는 아래와 같은 구조로 이루어져 있다.
http://xxxxxx.com/player.swf?soundfile=http://xxx.mp3
http://플레이어 swf 파일 주소?soundfile=재생될 mp3 파일 주소
그렇게 해서
자, 기본은 여기까지.
회색 플레이어는 칙칙하니까 이제, 색상을 입혀보자.
아래 플레이어는 보기로 나타내 보았다.
이 플레이어의 주소는 아래와 같다. (오우, 길다 ㅡㅁㅡ; )
http://fs.tistory.com/custom/blog/8098/skin/images/player.swf?
soundFile=http://mediafile.paran.com/MEDIA_9644611/BLOG/200611/1163636989_rfonline-one.mp3
&autostart=no&loop=no&
loader=0xddeeff&bg=0xC4DADC&lefticon=0xffffff&leftbg=0x7DA7D8&
rightbg=0x7DA7D8&rightbghover=0x54CED6&righticon=0xffffff&
righticonhover=0xeeeeee&text=0x000000&slider=0x668899&border=0x667799
붉게 표시한 부분에서 색상을 정의할 수 있다. HTML값으로 입력해주면 된다.soundFile=http://mediafile.paran.com/MEDIA_9644611/BLOG/200611/1163636989_rfonline-one.mp3
&autostart=no&loop=no&
loader=0xddeeff&bg=0xC4DADC&lefticon=0xffffff&leftbg=0x7DA7D8&
rightbg=0x7DA7D8&rightbghover=0x54CED6&righticon=0xffffff&
righticonhover=0xeeeeee&text=0x000000&slider=0x668899&border=0x667799
영역은 아래 그림을 참고해서 보면 되겠다.
이상으로 정신없는 강좌를 마칩니다.
이해 잘 안되시면 댓글 팍팍 남기시면 가능한 한 설명해 드립니다. ㅡ0ㅡ;
소스 보기를 해서 찾아보시면 이해가 좀더 빠르지 않을까 생각해 봅니다....
이올린에 북마크하기
이올린에 추천하기
-
제가 너무 초보이다보니 봐도봐도 잘 모르겠네욤 ㅠ.ㅠ
위에 magicbass님이 질문하신것처럼 그걸 제 주소로 하고 싶으면 어떻게 해야하나요??-
http://www.1pixelout.net/code/audio-player-wordpress-plugin
요 주소를 따라가시면 audio-player.zip 파일이 있습니다.
그거 받아서 풀어보시면, player.swf 파일 있을거구요 그 파일만 나디아님 계정에 올려서 주소를 알맞게 바꾸신 후에 사용하시면 됩니다.
잘 이해 안되시면 언제든 말씀해주세요 ^^
-
-
mp3파일만 가능한가요? wma파일은 실행이 안되나요? 만약에 온라인상 음악파일은 wma방식이 많은데..그럼 wma방식의 음악 주소는 필요 없는건가요? 그리고 제 컴터에 저장 되어있는 음악파일은 mp3파일인데 쓸 수가 없나요??? 죄송합니다..다른 사람들은 다 아는 얘기인데 나만 모르고 귀찮게 해 드리는 것 같아서요~^^플레이어가 넘넘 맘에 들어서 쓰고 싶은데 쓸 수가 없어서 병이 날 지경이에요..며칠 째 머리만 싸매고 씨름중인데..제가 원래 컴맹이라 많이 헤매고 있네요 티스토리에선 왜 이런 플레이어를 쓰게 하지 않져?혼자와서 주절주절..떠들고만 갑니다..^^고수님 시간이 되신다면 답변좀..ㅎㅎ
-
1. wma 파일은 사용이 불가합니다. 플레이어가 만들어 질 때 mp3 파일만을 받도록 되어 있습니다.
2. 티스토리에 업로드한 mp3 파일은 사용이 가능합니다. 대신 울먹님 컴퓨터에 있는 파일은 사용 할 수 없습니다.
3. 원래 이 플레이어의 기원은 티스토리가 아니라 워드프레스 라는 외국산 블로그 툴입니다. 어찌보면 코딩을 할 줄 아시는 고수분들이 잠시 빌린.. 것이라고 봐도 됩니다.
--------
만족할 만한 답변이 되셨는지요^^~
음 그리고 지금 다시 보니 강좌가 많이 미흡하네요;
시간나면 좀 자세히 정리해서 올릴 수 있도록 해보겠습니다;;;
-
-
스모모님의 도움 덕분에 성공했습니다.
그런데 플레이어 계정이 외국회사로 되어있는 것 같은데, 스모모님의 말씀중에 '잠시 빌린 것'이란 말씀도 맘에 좀 걸리구..
쓰다가 계정이 바뀌어서 쓰고 있는 플레이어가 소용없게 되는 건 아닌지요.
제 홈피에 올려서 계정을 제것으로 해봤는데 플레이어 색상은 바뀌지 않던데요.
바뀔 수가 있는데 제가 잘 못 해서 안바뀌는건가요?
자꾸 귀찮게 해드려서 죄송합니다. ..그리고 고맙습니다.^^
