Deskshooters.com
분류 전체보기
생각하다. Think. 想.
보다. Watch. 見.
읽다. Read. 読.
말하다. Talk. 談.
쓰다. Write. 記.
꿈꾸다. Dream. 夢.
듣다. Listen. 聞.
배우다. Learn. 習.
만들다. Make. 作.
데슈. DeShu. デシュ.
기타. Etc. 外.
일기   日記   diary   학교   여행   일본   책   수학여행   생각   중간고사   시험   독서   데스크슈터즈   공부   폰트   deskshooters.com   여행기   만들기   늦여름   사고   데슈   시오노 나나미   팁   성남고등학교   영화   잡담   음악   로마인 이야기   무라카미 하루키   웹게임   

티스토리에서 Flash MP3 플레이어 사용하기
배우다. Learn. 習./컴퓨터. Computer.
, , , ,




원래 워드프레스 플러그인인 아래의 플래시 MP3 플레이어.
태터툴즈에서는 내가 아이디어를 내서 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값으로 입력해주면 된다.
영역은 아래 그림을 참고해서 보면 되겠다.
사용자 삽입 이미지



이상으로 정신없는 강좌를 마칩니다.
이해 잘 안되시면 댓글 팍팍 남기시면 가능한 한 설명해 드립니다. ㅡ0ㅡ;
소스 보기를 해서 찾아보시면 이해가 좀더 빠르지 않을까 생각해 봅니다....
이올린에 북마크하기(0) 이올린에 추천하기(0)






스모모ㅡ3ㅡ
1TRACKBACK, 29REPLIES
http://sumomo.tistory.com/trackback/2692219

작고 귀여운 플래쉬 mp3 플레이어
TTaCom(따꼼v) 홀로서기
예쁜 글쓰기가 가능한 플레쉬 mp3 플레이어! 정말 작고 귀엽다. seevaa님 블로그서 하나씩 주워오는중이다. 지금 쓰시는 구성도 맘에 든다. 깔끔한 흰바탕에 빨간 포인트^-^// 항상 도용할 준비가 되있는 나! 그러나 도용하고 싶어도 능력이 안되는 나! ㅠ_ㅠ 하나씩 배워서 해봐야지! 블로그 재밌다..ㅎㅎ
BlogIcon 쑨
  2006/12/13 22:13 | link | edit or delete | write reply 
이렇게나 빨리ㅠㅠ
방금 해봤는데 넘 잘되네요:D
이걸루 며칠 속알이했는데 넘 고맙습니다:)
좋은시간 보내세요~~
BlogIcon 스모모ㅡ3ㅡ
  2006/12/13 22:24 | link | edit or delete  
잘 되신다니 다행입니다^^
BlogIcon 4rdo
  2006/12/13 22:45 | link | edit or delete | write reply 
오.. 감사 ^^ 이런 방법이 있을것이라고 생각했는데..
시도해본적은 없는데.. ;; 한번 해봐야겠네요 ^^ 감사 ^^
BlogIcon 스모모ㅡ3ㅡ
  2006/12/14 13:02 | link | edit or delete  
무난한 성공을 기원합니다 ~0~!!
BlogIcon 2BWithU
  2006/12/13 22:54 | link | edit or delete | write reply 
허허.. 좋은 정보 정말 감사합니다.
BlogIcon 스모모ㅡ3ㅡ
  2006/12/14 13:02 | link | edit or delete  
좋은 정보는 다같이 공유할 때 그 빛이 더욱 비치나지 않을까 합니다^^
BlogIcon magicbass
  2006/12/13 22:58 | link | edit or delete | write reply 
우와 너무너무 신기해요....그런데 (http://fs.tistory.com/custom/blog/8098/skin/images/player.swf?)<-요거는 님블로그 주소 같은데 이 주소로 써도 되나요?
BlogIcon 스모모ㅡ3ㅡ
  2006/12/14 13:03 | link | edit or delete  
어차피 제 계졍도 아니고 트래픽도 없으니 상관은 없지만, 제가 스킨을 변경해버리거나 한다면 사용중인 플레이어가 사용 불가가 됩니다. ㅡㅡ;
magicbass 님의 선택에 맏기겠습니다^^
BlogIcon Dongki
  2006/12/13 23:44 | link | edit or delete | write reply 
와...정말 멋집니다. 이거 티스토리에서는 사용 못해서 아쉬웠는데.~~!! 고맙습니다.
연구해서 잘 사용할게요~~!!
BlogIcon 스모모ㅡ3ㅡ
  2006/12/14 13:04 | link | edit or delete  
성공을 기원합니다~^^
BlogIcon 원업
  2006/12/17 01:55 | link | edit or delete | write reply 
저도 예전에 이거 몰라서 엄청엄청 삼집했던 기억이..
군대도 갔다왔는데 더이상의 삽질은 싫어요~. 응? ?
BlogIcon 스모모ㅡ3ㅡ
  2006/12/19 18:46 | link | edit or delete  
삽질은 이제그만ㅡ.ㅡ;
눈이 오면 아련한 삽질의 추억이..?
BlogIcon 한방블르스
  2006/12/19 18:14 | link | edit or delete | write reply 
좋은 정보 감사합니다.. 버튼 하나로만 된 플레이어가 필요합니다. "플레이/정지"만 있으면 좋으리라 생각됩니다.
부탁을 하여도 될지 모르겠군요.. 감사합니다..
BlogIcon 스모모ㅡ3ㅡ
  2006/12/19 18:46 | link | edit or delete  
이 플레이어는 원래 워드프레스 플러그인으로 태터용이 아니며, 꼼수로 사용하는 것 뿐, 제가 만든 것도 아니고..
따라서 개선을 해 드릴 수가 없습니다^^;
BlogIcon 한방블르스
  2006/12/19 19:11 | link | edit or delete  
감사합니다...
BlogIcon 티파레트
  2007/02/10 23:21 | link | edit or delete | write reply 
원업님 블로그 타고 왔습니다'-'* 티스토리에서 제공하는 플레이어도 좋지만 이것도 좋네요'ㅂ'

색상 커스터마이징만 잘해주면 더 맘에 들지도 모르겠네요(후훗) 감사히 보고갑니다'ㅂ'
BlogIcon 스모모ㅡ3ㅡ
  2007/02/11 02:53 | link | edit or delete  
도움이 됐다니 다행입니다^^
BlogIcon 하늘치
  2007/02/18 01:06 | link | edit or delete | write reply 
와... 멋지군요. 그저 감탄할 따름입니다.. (^_^)
BlogIcon 스모모ㅡ3ㅡ
  2007/02/18 13:54 | link | edit or delete  
ㅎㅎ 원제작자님께 노고를 돌립니다아~
BlogIcon 두리모~
  2007/03/14 01:56 | link | edit or delete | write reply 
와! 티스토리에서도 사용이 가능하군요.
뭐가뭔지 어려워 보이지만 한번 도전! 해 보겠습니다.
좋은 정보 감사드립니다.
BlogIcon 스모모ㅡ3ㅡ
  2007/03/14 15:49 | link | edit or delete  
아 ㅎㅎ
처음에 이해하는게 좀 어렵기는 한데
한번 안다스탠드! 하면 너무너무 쉬워요 ㅎ^^
BlogIcon ㄴrㄷ1ㅇr
  2007/04/25 00:46 | link | edit or delete | write reply 
제가 너무 초보이다보니 봐도봐도 잘 모르겠네욤 ㅠ.ㅠ
위에 magicbass님이 질문하신것처럼 그걸 제 주소로 하고 싶으면 어떻게 해야하나요??
BlogIcon 스모모ㅡ3ㅡ
  2007/04/26 12:27 | link | edit or delete  
http://www.1pixelout.net/code/audio-player-wordpress-plugin
요 주소를 따라가시면 audio-player.zip 파일이 있습니다.
그거 받아서 풀어보시면, player.swf 파일 있을거구요 그 파일만 나디아님 계정에 올려서 주소를 알맞게 바꾸신 후에 사용하시면 됩니다.
잘 이해 안되시면 언제든 말씀해주세요 ^^
BlogIcon 따꼼v
  2007/11/08 01:07 | link | edit or delete | write reply 
정말 대단하십니다.^-^//
BlogIcon 울먹
  2008/07/12 05:06 | link | edit or delete | write reply 
플레이어는 생성이 됐는데 음악은 어떻게 삽입하나요???음악을 넣는 방법좀 알려주세요~
BlogIcon 스모모ㅡ3ㅡ
  2008/07/15 23:49 | link | edit or delete  
아.. 음악 링크를 거는 부분이 있을텐데요...
올려진 음악파일의 주소를 삽입하면 되는겁니다..
코딩을 좀 하실 줄 아시면 편하게 쓰셨을 텐데..
BlogIcon 울먹
  2008/07/16 20:29 | link | edit or delete | write reply 
mp3파일만 가능한가요? wma파일은 실행이 안되나요? 만약에 온라인상 음악파일은 wma방식이 많은데..그럼 wma방식의 음악 주소는 필요 없는건가요? 그리고 제 컴터에 저장 되어있는 음악파일은 mp3파일인데 쓸 수가 없나요??? 죄송합니다..다른 사람들은 다 아는 얘기인데 나만 모르고 귀찮게 해 드리는 것 같아서요~^^플레이어가 넘넘 맘에 들어서 쓰고 싶은데 쓸 수가 없어서 병이 날 지경이에요..며칠 째 머리만 싸매고 씨름중인데..제가 원래 컴맹이라 많이 헤매고 있네요 티스토리에선 왜 이런 플레이어를 쓰게 하지 않져?혼자와서 주절주절..떠들고만 갑니다..^^고수님 시간이 되신다면 답변좀..ㅎㅎ
BlogIcon 스모모ㅡ3ㅡ
  2008/07/17 20:34 | link | edit or delete  
1. wma 파일은 사용이 불가합니다. 플레이어가 만들어 질 때 mp3 파일만을 받도록 되어 있습니다.
2. 티스토리에 업로드한 mp3 파일은 사용이 가능합니다. 대신 울먹님 컴퓨터에 있는 파일은 사용 할 수 없습니다.
3. 원래 이 플레이어의 기원은 티스토리가 아니라 워드프레스 라는 외국산 블로그 툴입니다. 어찌보면 코딩을 할 줄 아시는 고수분들이 잠시 빌린.. 것이라고 봐도 됩니다.
--------
만족할 만한 답변이 되셨는지요^^~
음 그리고 지금 다시 보니 강좌가 많이 미흡하네요;
시간나면 좀 자세히 정리해서 올릴 수 있도록 해보겠습니다;;;
BlogIcon 울먹
  2008/07/18 23:54 | link | edit or delete | write reply 
스모모님의 도움 덕분에 성공했습니다.
그런데 플레이어 계정이 외국회사로 되어있는 것 같은데, 스모모님의 말씀중에 '잠시 빌린 것'이란 말씀도 맘에 좀 걸리구..
쓰다가 계정이 바뀌어서 쓰고 있는 플레이어가 소용없게 되는 건 아닌지요.
제 홈피에 올려서 계정을 제것으로 해봤는데 플레이어 색상은 바뀌지 않던데요.
바뀔 수가 있는데 제가 잘 못 해서 안바뀌는건가요?
자꾸 귀찮게 해드려서 죄송합니다. ..그리고 고맙습니다.^^
name
passowrd
homesite
PREV | NEXT
*1  ... *55  *56  *57  *58  *59  *60  *61  *62  *63  ... *166