태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.



티스토리의 블로그들을 돌아다니다보면 가끔 티스토리 기본 음악 플레이어로 음악 스트리밍을 제공하는 블로그들이 있습니다.
포스트의 분위기에 맞춰서 BGM을 제공하거나 소개하고픈 음악이 주제이거나...기타 여러가지 이유로 음악을 플레이하곤 하는데 문제는 티스토리에서 기본으로 제공하는 음악 플레이어가 볼륨 조절 기능이 없다는 것입니다.

이 문제는 티스토리 초기 때부터 계속 사용되어진 flash 기반 음악 플레이어가 조금의 버전업도 없이 그대로 쓰여져서 발생한 상황으로 여겨지는데 (마이너 업그레이드가 있었는지는 모르겠지만... ) 유저들의 피드백이 없었던지 자체적으로 문제가 될만한 상황이 아니라고 판단했는지 모르겠으나 볼륨 조절이 없다는건 치명적인 문제입니다.

누가 웹에 있는 음악을 들으려고 제어판의 메인 볼륨을 만지작거리고 싶어하겠습니까?
분명히 대부분의 음악들의 볼륨이 너무 크게 터져나오거나 잘 들리지 않는 상황에서 말이죠.

설치형 블로그에서는 디자인 문제라던지 기타 여러가지 문제로 기본 제공 플레이어들을 커스터마이징하는 여러가지 솔루션들이 유저들 사리에서 공유되고 있는데 아시다시피 티스토리는 수정이 상당히 자유롭지만 플러그인에 한해서는 유저가 손댈수 있는 부분이 전무하다고 해도 과언이 아닙니다.
그래서 많은 사람들이 외부 플레이어를 플러그인이 아니라 포스트 할때마다 끌어다 쓰는 방법을 취하고 있고 저도 마찬가지 입니다. - 디자인이 맘에 들고 안들고의 이유도 있지만 많은 부분, 볼륨 조절이 안된다는 핸디캡을 안고 포스팅 하기 싫어서겠지요.

사설이 길었는데 어쨌든 제 블로그를 자주 찾아주시는 시작의 끝님의 블로그를 사진들이 너무 좋아서 자주 방문하다보니 한가지 도움을 드릴려고 이런 포스트를 작성하게 되었습니다.
사실 자동재생 음악이 나오고 게다가 티스토리 기본 플레이어를 써서 볼륨 재생까지 안되는 블로그는 일단 들어가자마자 황급히 빠져나오고 다시는 안가는데 시작의 끝님의 사진이 너무 좋아서 종종 방문하다보니 티스토리의 기본 플레이어에 대한 아쉬움이 점점 커지더군요.
이런 류의 고민을 가지고 있으신 분들이 더 계시다면 이 포스트로 도움을 받으시길 바라며 그간 찾아봤던 외부 플레이어들을 조금 정리해보자면...



1.JW Player


이 플레이어는 이런 류의 웹기반 플레이어 중에서 가장 유명하지 않나 싶습니다.
다양한 변종과 개조버전도 있고 현재는 상용화까지 된 상태입니다. - 개인 유저는 무료
홈페이지 - http://www.longtailvideo.com/players/
거의 어지간한 기능은 하나의 swf 플레이어로 모두 이용 가능합니다. (비디오, 오디오, 사진 등등.......)
저도 이전에 상당히 자주 이용하던 플레이어인데 버전업이 하도 자주 되서 따라가다가 그냥 구 버전 쓰고 있습니다...^^
이 플레이어의 장점 중 하나는 웹에서 세부적인 설정이 가능하다는 것이며 기본 플레이어의 형태는 아래와 같습니다.
2008/07/22 - [TrancE] - Vocal Trances Pres. by Tiesto

설정하기에 따라서는 아래와 같은 모양도 꾸밀수 있습니다.  (단지 설정값에서 숫자만 조금 바꿔주면 가능합니다..)


설정은 http://www.longtailvideo.com/support/jw-player-setup-wizard  에서 가능하며 코드를 얻을수 있고,
스킨은 http://www.longtailvideo.com/addons/skins 에서 쉽게 구할수 있습니다.
다운로드는 http://www.longtailvideo.com/jw/upload/mediaplayer.zip  에서 가능합니다.

아래의 예제는 음악을 넣었을 때의 뮤직 플레이어입니다.
색상과 버튼 배치, 크기는 flash var 를 수정해서 조절할수 있고 아니면 위의 설정 마법사를 통해서 할수 있습니다. 



JW Player는 주크박스를 만들때도 많이 활용하는데 아래와 같이 리스트 플레이가 가능하기 때문이죠.

쥬크박스 듣기   (클릭)

위의 뮤직 플레이어의 소스 코드는 다음과 같습니다.

<EMBED src=http://cfs.tistory.com/custom/blog/0/6272/skin/images/player.swf width=300 height=20 type=application/x-shockwave-flash allowscriptaccess="always" allowfullscreen="true" flashvars="height=20&amp;width=300&amp;file=http://liebe.tistory.com/attachment/cfile2.uf@213B1B425879BDBF283C26.mp3&amp;backcolor=0x000000&amp;frontcolor=0xFFFFFF&amp;lightcolor=0xFFFFFF">


view plain 하면 크게 보입니다. 간략히 설명하자면 Embed src="  " 부분에 위의 다운로드한 player.swf 의 주소를 넣으시면 되고 file=" " 부분에 mp3 링크를 넣으시면 됩니다. - 사실 이것만 자세히 알고 있으면 됩니다.
기타 세부적인 코드는 그냥 셋업 마법사에 가서 자신이 직접 플레이어를 꾸미고 결과로 나온 코드를 계속 재활용하는게 속편하겠죠... 써먹을때마다 계속 플레이어 만드는건 귀찮은 일이니까요..

워낙 유명한 플레이어라 구글링하면 수많은 정보가 있고 한국 유저들도 많은 분석을 해놨습니다.
개조 버전도 많고요...
사실 기능적으론 가장 진보한 플레이어라고 생각됩니다.

PS 
Adobe Flash 10 버전의 호환성 문제로 인해 player.swf의 플레이어 이름이 바뀌면 재생이 안되는 사태가 벌어질수 있습니다.
포스트에 업로드 하고 주소를 따지 마시고 skin 업로드 기능으로 올리신후 주소를 따셔서 사용하시기 바랍니다.
mp3 화일명은 관계없습니다.



2. DEW Player




주소 : http://www.alsacreations.fr/dewplayer-en

사실 저 주소를 가보면 JW 플레이어와 별 다를게 없다는걸 아시게 될겁니다.
코드 제너레이터 제공하는 것도 그렇고 코드가 좀 더 깔끔하고 mp3 의 기능만 제공하고 디자인이 좀 이쁘다 정도?
예전엔 저도 이 플레이어를 많이 썼는데 어느때인가부터 볼륨 조절 버튼이 빠지면서 릴리즈가 되더군요.
현재 기본 제공하는 세가지 타입의 플레이어는 전부 볼륨 조절이 빠져 있습니다.

그런데 예전 버전 (재작년인가 릴리즈된 버전...)을 사용하면 볼륨 조절이 가능합니다.



다운로드

위의 볼륨 버전의 소스 코드는 다음과 같습니다.

<object type="application/x-shockwave-flash" data="http://liebe.tistory.com/attachment/4939783beec159O.swf?son=http://liebe.tistory.com/attachment/jk73.mp3" width="240" height="20">
<param name="movie" value="http://liebe.tistory.com/attachment/4939783beec159O.swf?son=http://liebe.tistory.com/attachment/cfile2.uf@213B1B425879BDBF283C26.mp3">
</object>


JW Player 와 마찬가지로 플레이어 swf 와 mp3 주소만 적어주시면 됩니다.
data=" " 플레이어 경로,  son=" "  mp3 경로

깔끔하고 이쁘지만 크기나 칼라 조절이 불가능한 단점이 있습니다.
허나 설정이 굉장히 쉽고 단순한 장점도 있는데 설정이야 초기에 한번만 신경써주고 그후에는 계속 재활용하는 것이니 큰 장점이라 말하긴 힘들듯....



3. NeoLao Player




이 플레이어는 오픈소스 플레이어인데 디자인적으로 조금 안이쁘다 싶기는 하지만 다양하게 설정이 가능합니다.
정말 자기가 원하는 만큼 수정이 가능하고 플레이어 자체를 커스터마이징이 가능해서 사용자의 사용 여부에 따라서 상당히 훌륭한 플레이어가 될 가능성이 높습니다.
- 그림 화일을 즉석 스킨으로 이용도 가능합니다...
제가 사용한 예제는...
10 Tunes of the second Half of '2008 를 보시면 이렇게도 꾸밀수 있구나....싶으실겁니다.

홈페이지는 http://flash-mp3-player.net/ 이며 베리어스 타입이라 적혀 있는 버튼을 누르면 각각의 기본 모양새가 나오고 수정 가능한 선택 박스가 나옵니다.
거기서 수정하신후에 코드를 받아서 활용하시면 됩니다.



이것은 제가 플레이 기능만 커스터마이징 한 것인데 모든 버튼을 다 없애고 플레이와 볼륨만 남겨둔 것입니다.

<object type="application/x-shockwave-flash" data="http://liebe.tistory.com/attachment/493ee2a66a8079I.swf" width="85" height="20"> <param name="movie" value="http://liebe.tistory.com/attachment/493ee2a66a8079I.swf" /> <param name="bgcolor" value="#ffffff" /> <param name="FlashVars" value="mp3=http://liebe.tistory.com/attachment/493e822828f7192.mp3&amp;width=85&amp;loop=1&amp;showstop=1&amp;showvolume=1&amp;showslider=0&amp;showloading=always&amp;volumeheight=8&amp;bgcolor1=ffffff&amp;bgcolor2=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;buttoncolor=9999999&amp;buttonovercolor=0&amp;textcolor=0" /></object>


위의 예들과 마찬가지로 swf 플레이어를 업로드한 주소를 적어주고 mp3 경로도 적어주시면 끝납니다.



4. XSPF Web Music Player


 


 http://musicplayer.sourceforge.net/

이 또한 오픈 소스 플레이어인데 해외의 상업적 사이트에서 많이 이용되고 있습니다.
예제 : http://www.armadamusic.com/

위의 플레이어들과 크게 다르지 않은 설정과 기능입니다.



5. 부록


플래시 플레이어 중 워드 프레스용으로 개조되어 많이 쓰이는 플러그인이 있는데 텍스트큐브용으로 재 컨버전해서 쓰이는 것들이 있습니다.



요로코롬 생긴 넘인데 아직까지 볼륨 조절이 되는 플레이어를 못본 것 같습니다.
이뻐서 써볼려고 했다가 볼륨 조절이 안되서 관둔 모델이지요...OTL

홈페이지는 http://www.macloo.com/examples/audio_player/ 입니다.



5. 정리


위의 플레이어들이 소스코드도 나오고 뭔가 복잡하다고 느껴지실테지만 간단하게 정리를 해보자면....
  1. 각각의 플레이어의 홈페이지에서 툴킷을 다운로드 받는다.
  2. 홈페이지들에서 제공하는 설정 위자드를 통해 자신에 맞게 설정하고 코드를 받는다.
  3. swf 화일이 플레이어 화일이므로 각자의 계정에 업로드를 하거나 티스토리 스킨 업로드 기능으로 업로드한다.
  4. 업로드한 주소를 딴다.
  5. mp3 도 티스토리에 업로드하고 그 주소를 딴다.
  6. 이전에 받았던 코드에 swf 주소와 mp3 주소를 잘 입력한다.
  7. 코드를 잘 보관했다가 필요할때마다 mp3 주소만 바꿔가며 써먹는다...
  8. 끝.

입니다.
설명대로 찬찬히 해보면 그리 어려울 것도 없습니다.
하시다가 막히면 언제든 질문 주세요...:)








Web-Embeded Player


사실 쉽다 쉽다 해도 HTML 코드에 경기를 일으키는 분들이 많으실겁니다.
저도 HTML에 익숙하지 않아서 남들이 해놓은거 활용하는 수준인데, 그런 사람들은 그냥 웹에서 음악 화일 업로드하고 플레이어를 위젯 형식으로 제공하는 플레이어를 사용해도 좋습니다.
저는 티스토리의 10메가 업로드 제한 때문에 종종 이용하곤 하는데 - 믹스셋 같은건 mp3 하나가 100메가는 우습게 넘어가죠. -  그중 써보니 버퍼링도 없고 좋더라 하는 곳들을 추천해 드립니다.


1. IMEEM

믹스셋을 올릴때 제가 굉장히 애용하는 곳입니다.
http://www.imeem.com/

예제 :
2009/01/10 - [TrancE] - TATW - Vote for Record of the Year #250
2009/01/06 - [TrancE/ASOT podcast] - A State Of Trance Official Podcast Episode 065

 

크기와 위젯 칼라 등등은 기본적으로 설정되어 있는 몇몇 프리셋에서 선택 가능하고 코드를 수정하여 더 세밀하게 수정할수도 있습니다.
용량 제한이 없고 음악 뿐 아니라 동영상도 버퍼링이 거의 없이 사용 가능하며 전세계적으로 유저층이 막강하며 아티스트들이 직접 홍보 목적으로 자신의 음원들도 많이 올립니다.
검색해서 나오는 수많은 음원들을 자신만의 플레이 리스트로 만들수 있고 그것을 위젯화시켜 코드를 받을수도 있습니다.
상당히 괜찮은 서비스입니다.



2. BOXNET

박스넷은 사실 음원용 사이트는 아니지만 위젯 기능으로 업로드된 음원을 웹에서 플레이 가능하고 다운로드도 가능합니다.
가입과 업로드가 상당히 쉽고 스트리밍에 사용하기엔 해외 서비스지만 충분한 성능을 냅니다.
http://box.net/





3. My Falsh Fetish

http://www.myflashfetish.com/
처음엔 페티쉬라 그래서....잇힝....했는데 그게 그게 아니더군요....ㅡ.ㅡa
비주얼적으로 상당히 즐거움을 줍니다.
쓸만한 서비스이긴 한데 잘 이용은 안하게 되더군요.
작은 크기의 음원들은 그냥 티스토리를 이용하는 습관이 들어서....

 



4. GoEar

http://www.goear.com/index.php
업로드와 함게 위젯을 제공하고 음원 검색도 가능한 곳입니다.
제공 플레이어 위젯이 상당히 깔끔합니다.







블로그 포스팅에 직접 유저가 삽입 가능한 플레이어는 가능한 사용이 쉽고 디자인이 이쁜 것을 위주로 골랐습니다.
제가 자주 사용하는 것들이죠.
웹에서 위젯을 받아오는 형식들의 서비스들은 스트리밍이 느리지 않고 업로드 제한 같은게 없는 그런 서비스를 위주로 골랐습니다.  특히 저는 IMEEM을 애용하는게 여기는 업로드 제한이 아예 없습니다.

티스토리 음원 필터링.....대체 뭐하자는 건지 모르겠습니다.
제 블로그를 자주 방문하시는 분들은 아시다시피 저는 국내 저작권이 있을만한 음원은 아예 취급하지 않습니다.
관심사가 트랜스에만 있어서죠.  (가요나 팝을 안듣기도 하고.... )
그런데 국내 저작권은 커녕 해외에서도 오픈된 저작권 자료도 블라인드 처리되는건 뭔지 모르겠네요.
그러지 않아도 블라인드 처리된 것들을 다시 한번 검색해보니 다 저작권없음으로 나오는데...ㅡ.ㅡa
요즘 불법 음원 문제가 심각하고 대책 마련에 깊이 공감하지만 - 다음과 네이버가 압력을 받는다는 것도 이해하지만  이런 식으로 마구잡이 블라인드는 좀 어이 없습니다.
하도 기가 차서 화일 삭제하고 다시 이름 바꿔 재업로드하니 그건 멀쩡....ㅡ.ㅡa
아무리 급하고 압력이 들어온다 해도 어느정도 서비스의 퀄리티가 보장된 연후에 추진해야 하는거 아닌가 하는 생각을 해봅니다.


Alternative content



2009.01.14 Updated


link 님의 제보에 따라 워드프레스용 플러그인의 테스트를 해보았고 잘 플레이 됩니다.
티스토리 유저는 http://wpaudioplayer.com/standalone 여기를 참고하시어 설치하시면 됩니다.
볼륨 버전이 늘 아쉬웠는데 정말 희소식입니다....^^
swfobject의 크로스 도메인은 문제가 안되는거 같은데... js와 mp3의 경로가 문제가 되어 ID 태그와 프로그레스바 작동이 안되는거 같네요. 티스토리에 응용하는걸 조금 더 연구해봐야 할듯....


2009.01.14 Updated
2009/01/26 - [괴상망측BOX] - 티스토리에서 활용가능한 Web-Based Player 부록
주소를 따는 문제로 문의가 많이 들어와서 서비스팩을 발행합니다.
참고 바랍니다.





저작자 표시 비영리 동일 조건 변경 허락
신고

 

 

   나는 대한민국의 모든 기독교인들을...
  
 한국사회의 아주 특별한 Propaganda
  
 고구마 파는 노인네의 한탄.
  
 How  to listen TRANCE when you...

  
 10 Tunes of the second Half of '2008
 


본 포스트는 아래의 사이트에 발행되며 찿아보실수 있습니다.    클릭하시면 글목록 기능과 함께 추천이 가능합니다.

  1. 이전 댓글 더보기
  2. Favicon of http://windlov2.tistory.com BlogIcon 돌이아빠 2009.01.12 11:08 신고

    좋은 정보 잘 봤습니다. 티스토리에서 기본 제공하는 플레이어가 그런 문제가 있었군요. 전 사용을 하지 않아서리.
    이유는 아마도 귀차니즘이 아닐까요 ㅡ.ㅡ?
    저작권 문제...아예 블로그에서 음악을 틀지 않는 것이 유일한 해결책이 아닐까요 ㅡ.ㅡ?

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.12 11:13 신고

      흐흐흐.....가장 간단한 문제죠.....
      그런데 시사, 이슈가 문제라고 아예 글을 안쓰는게 문제의 해결책이 될수는 없듯이 음악, 문학, 연예와 같은 분야에 관심이 있는 사람들에겐 그것이 블로그의 정체성과 블로깅의 목적이 될수 있겠죠.
      타인의 기호를 자신의 기호로 재단할수는 없듯이 말이죠..

      저작권 관련해서는 타인의 재산을 함부로 침해해서는 안된다는 기본 취지에는 공감하지만 사회의 공유된 재산에까지 그 제한의 폭을 넓히는건 고려할 여지가 있지 않나 싶습니다....^^

    • Favicon of http://windlov2.tistory.com BlogIcon 돌이아빠 2009.01.12 11:18 신고

      맞는 말씀이십니다. 눈감고, 귀닫고 살수는 없는것이니까요.
      하지만, 지금 현재 우리나라에서 만행(?)되고 있는 음원에 대한 저작권 문제 정말 골치 아픕니다. 묻지마 소송은 기본이요 되면 좋고 안되면 말고. 이런식입니다.
      그렇기 때문에 지금 현재 우리나라에서는 국내음원에 대해서는 아예 사용하지 않는 것이 낫다는 생각입니다.
      (어찌보면 제 개인 생각이로군요 하긴. 여긴 제 개인 생각과 의견을 드리는 공간이니 후훗!)

      말씀하신 부분은 저작권 문제라는 주제에 대해서 혹시 의견을 나눌 일이 있다면 그쪽으로~~패수!~~~~
      월요일 아침부터 너무 무겁게 시작할 수는 없으니까요 ㅋㅋ
      LieBe님 그래도 되죵???

    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.12 11:22 신고

      넵....저작권 문제라면 저는 무조건 지켜져야 한다...라고 생각하는 사람입니다.
      GNU에는 공감하지만 세상 모든 사람들의 니즈를 만족시킬수는 없는 조금 광의적으로 말해서 이상적인 생각이라고 여긴달까요...

      제 기본적인 스텐스는.... http://liebe.tistory.com/211
      요로코롬 됩니다....

      돌이아빠님도 좋은 하루 되세요~~^^

  3. Favicon of http://seeit.kr BlogIcon 하늘다래 2009.01.12 11:34 신고

    와, 이건 정말 좋은 포스팅이군요!
    추천 세방 쾅쾅!!ㅎㅎ

    저도 포스팅 하려고 몇개 모아뒀었는데
    여기서 다 밝혀 버리시니;;
    그냥 삭제 ㄱㄱ
    ㅎㅎㅎ

    전 주로 프로그램 이용해서 swf 파일 올린다는 ^^

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.12 11:40 신고

      흐흐흐....안 나온것들도 수도없이 많잖아요..
      어서 포스트 작성 하시지요.....lol

  4. Favicon of http://mystinia.tistory.com BlogIcon Mystinia 2009.01.12 16:34 신고

    이 포스트보고 Imeem 처음 써봤습니다.
    좋은 정보 감사합니다. ㅠㅠ

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.12 17:32 신고

      IMEEM 이 믹스셋 같은 대용량 스트리밍 쓰기엔 참 좋아요..^^

  5. Favicon of http://imi316.tistory.com BlogIcon imi316 2009.01.12 22:47 신고

    정말 유용한 포스팅입니다^^
    잘 쓸께요~리베님 완젼 멋져요~~^___^d

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.12 23:33 신고

      시작의 끝님에게 도움이 되신다면 글 쓴 보람이 있지요...^^

  6. Favicon of http://mozzin.tistory.com BlogIcon 멋진백작 2009.01.14 00:53 신고

    어쩜~~~~~~~~!!
    이거 차차 공부해 보려고 공지사항에 주소만 복사해 놓고
    언제 새로운 거 또 배우나 그러고 있었다눈~.

    매우 유익하고 도움되는 포스팅~!
    추천점수 따따블로 주고 싶은. ^^
    머쩌 부러~ Very Thanks~

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.14 00:56 신고

      흐흐....백작님이 봐주시니 더 감사하네요...
      트랜스를 나이트 음악으로만 보지 않으시고 들어주시는데는 늘 감사드리구만요....^^

      하시다가 문제되는거 있으시면 언제든 문의주세요..
      아는데까진 열과 성의로써 도와드릴께요!!!
      ^^

  7. Favicon of http://www.soriweb.com BlogIcon link 2009.01.14 08:48 신고

    5번 워드프레스 오디오 플레이어도 소리 크기 조절 가능합니다. 아직 베타버전이지만 2.0으로 버전이 올라가면서 그 기능도 추가되었습니다.

    http://wpaudioplayer.com/download 에서 다운로드 가능합니다.

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.14 10:21 신고

      헉!!!!
      이런 빤타스틱한 정보가.....
      정말 감사합니다.....
      꼭 쓰고 싶었던건데 버전업 되었네요....ㅎㅎ

  8. Favicon of http://rocksno1.tistory.com BlogIcon 안티군단 2009.01.15 01:56 신고

    아 정작 중요한걸 안물어 밨네요.
    티스토리 스킨에 swf 재생기 업로드 했는데 저 주소 따는 방법을 모르겠네요
    그리고 음원 주소도 저랑 다르게 생성되어 있네요.

    리베님 재생기 주소로 음원주소 붙여넣기 하였는데 재생이 않되네요.

    요약하자면
    업로드 주소따기와 음원 주소 따는 방법임니다.
    이것이 절대주소인가보네요.

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.15 10:41 신고

      스킨에 업로드한 swf 화일은 스킨의 일반적인 구성요소( 스킨의 기타 그림이나 다른 오브젝트)의 속성을 보시면 나오는 주소줄이 있습니다.
      "http://cfs.tistory.com/custom/blog/0/6272/skin/" 이런식의 주소줄이 나오는데 그 주소줄에 첨부한 화일명을 붙이면 됩니다.

      mp3 업로드하신 것은 구관리자 모드에서 보시면 바로 업로드한 주소를 따오실수 있습니다.

      ^^

  9. Favicon of http://lolimoeani.tistory.com BlogIcon 로리모에。 2009.01.19 22:00 신고

    살포시 질문 하나 드립니다 ' ㅂ';;
    제가 맨위의 플레이어를 사용하려하는데

    링크해주신 셋업설정에가서 셋업은 했습니다만..

    그 밑에 나오는 코드를 그대로 가져다 붙이면 되나요?(Embed 로 바꿔서...)

    그리고 노래는 하나밖에 링크하지 못하나요 ?

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.22 13:46 신고

      답변이 늦어서 죄송합니다...

      제가 요근래 정신이 좀 없어서 블로그 관리를 소홀히 했네요...ㅜㅜ

      맨위의 플레이어라면 jw player 말씀이신가요?
      JW 플레이어는 이전에는 홈페이지에 링크된 플래시 플레이어를 그냥 따와서 쓰면 됏지만 지금은 상대 주소로 바뀌어서 그냥 따서 쓰면 실행이 안됩니다.

      플레이어와 mp3를 업로드하고 그 주소를 따서 입력란에 집어넣으면 코드가 나오는데 그 코드를 사용하시면 됩니다....:)

  10. Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.25 12:21 신고

    안녕하세요 리베님..
    저도 시작의끝님 블로그 잘 가는데..

    이거 음악을 올리려면 어떻게 올려야 하는 건가요??

    제가 HTML 이런거 잘 몰라서요..ㅠㅠ

    swf는 무언가요???ㅠ

    Dew 플레이어나 JW 플레이어로 제 블로그에 음악을 올리고 싶은데..ㅠㅠ

    perm. |  mod/del. |  reply.
  11. Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.25 12:39 신고

    안녕하세요 : )
    위에 글에 이어서...

    위의 정리 내용중에
    swf 랑 mp3를 어디에 올려야 하고 어떻게 주소를 따야 하는지 모르겠어요..ㅠㅠ

    부탁드리겠습니다..

    perm. |  mod/del. |  reply.
  12. Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.25 15:52 신고

    아! 리베님 덕분에 차근차근 하다보니 되었어요!!!

    감사드립니다. 정말로요!~

    perm. |  mod/del. |  reply.
  13. Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.25 16:00 신고

    안녕하세요 리베님..
    잘 된 줄 알았는데..

    음악이 제가 로그인 상태에서 포스팅을 찾아가면 잘 나오고
    로그아웃이 된 상태에서 가게 되면 Dew player 표시만 뜨고
    음악 재생이 안되요...

    뭐가 잘못되었는지 잘 모르겠습니다ㅠㅠ

    참고로 object 어쩌고 라고 되어있는 html 을 남기면

    <object type="application/x-shockwave-flash" data="http://aeyong.tistory.com/attachment/497c0b048b7ca9U.swf?son=http://wedel.tistory.com/attachment/497c04acca194BP.mp3" width="240" height="20"><param name="movie" value="http://aeyong.tistory.com/attachment/497c0b048b7ca9U.swf?son=http://wedel.tistory.com/attachment/497c04acca194BP.mp3"></object>

    이렇게 해서 되었거든요...

    음악을 올려놓은 주소는 wedel.tistory.com
    이고 포스팅을 하려는 주소는 aeyong.tistory.com 입니다...


    mp3나 swf 가 한 포스팅 안에 있어야 하는 건가요???

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.26 11:08 신고

      아...그리고 일반적으로 이런 플레시 플레이어들은 도메인이 다르면 작동이 안하는 경우가 많습니다.
      듀플레이어는 가능한지 안한지 안해봐서 모르겠는데 플래시 보안 정책에 크로스도메인은 허용하지 않기 때문이예요.
      크로스 도메인을 쓰려면 이거저거 설정할게 무척 많고 상당히 귀찮아 집니다...
      또한 그냥 embed 코드로는 불가능하고 swfobject를 무조건 써야 합니다...OTL

    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.26 11:09 신고

      하악.........지금 보니....무슨 리플이 이리 칙칙 폭폭 기차 같습니까?....ㅎㅎ
      잘 안되시니 속상하실듯....
      제가 동영상으로 처음부터 끝까지 따라하기....강좌 #2를 오늘 안에 포스팅 할께요...

      http://liebe.tistory.com/357

      올려놨습니다...^^

      워낙 글 솜씨가 변변찮아서 많은 분들이 헤깔리시는듯...ㅜㅜ

    • Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.26 11:18 신고

      제가 봐도 질문을 너무 막무가내로 적어놨네요.ㅠㅠ
      죄송합니다ㅠㅠ

      칙칙폭폭같다는 말 굉장히 멋지신데요 : )


      동영상 잘 참고해서 모르면 다시 연락드리겠습니다!

      하나하나 댓글달아주시고 정말 감사합니다~

    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.01.26 11:22 신고

      하핫....별 말씀을....^^

      안되는건 물어물어 배우려는게 제일 중요하죠....
      그래야 자기 실력이 되고 다른 사람도 가르쳐줄수 있고...

      저는 하다가 하다가 안되면 불독처럼 물고 늘어집니다..ㅎㅎ
      꼭 해보고 싶은 욕심이랄까요....lol

      하시다가 정 안된다 싶으면 계속 물어보세요...미안해하실거 전혀~~ 없습니다...
      그리고 제가 보기엔 거의 된거 같은데 크로스 도메인 문제를 겪으시는거 같아요.
      크로스 도메인은 플래시의 고급 기술이라...(플래시 뿐 아니라 php와 스크립트도 좀 알아야 하는...)
      일단 크로스 도메인 사용은 지금은 포기하시는게...ㅜㅜ

    • Favicon of http://aeyong.tistory.com BlogIcon 애용이 2009.01.26 11:36 신고

      앗 그렇군요ㅎ
      실시간 리플 감사드립니다 : )


      틈날때마다 해보고 다시 문의 드릴게요~

      즐거운 명절 보내시고 새해 복 많이 받으세요 : )
      새뱃돈도 두둑히..ㅎ

  14. Favicon of http://pumkin.tistory.com BlogIcon 펌킨's 2009.02.03 18:16 신고

    wma파일 재생 방법은 없는것인가요???

    perm. |  mod/del. |  reply.
    • Favicon of http://liebe.tistory.com BlogIcon LieBe 2009.02.03 20:10 신고

      wma는 가장 손쉬운건 미플 스트리밍을 사용하는거인데 제가 둘러본 바로는 wma를 바로 지원하는 플래시 플레이어는 잘 안보인거 같습니다.
      구현하기 어려워서 그런게 아니라 wma 를 지원할 필요성을 못느끼는게 아닌가 하는....lol

  15. Favicon of http://bigbabydriver.tistory.com BlogIcon sleepysp 2009.03.09 20:35 신고

    유용한 정보 감사합니다

    perm. |  mod/del. |  reply.
  16. Favicon of http://wbhacker.tistory.com BlogIcon wbhacker 2009.03.21 22:15 신고

    리베님 저도 wma 플레이어가 있으면 하는데요. 찾아봐도 쉽게 안나오네요 ㅜ.ㅜ
    왜냐하면 플래시 플레이어로 하면, 파일 다운로드를 서버단에서 막을 수 있거든요.
    http://linu.sarang.net/wiki/?%EC%9D%8C%EC%95%85 페이지를 대충 보시면 아파치 웹서버로 막는 것이 가능하다는 걸 아실 수 있을 겁니다.
    그냥 미디어플레이어인 경우에는 HTTP_REFERER를 남기지 않아서 말이죠. 조금이라도 막을 방도가 없거든요.;; 혹시 아시는 것만이라도 알려주시면 안될까요?

    perm. |  mod/del. |  reply.
  17. Nepho 2009.04.08 14:27 신고

    앗.. 검색에서 리베형님 블로그가 짜잔~~!!

    들렸다 갑니다 : )

    perm. |  mod/del. |  reply.
  18. Favicon of http://seoulrain.tistory.com BlogIcon 서울비 2009.04.15 05:28 신고

    으하하핫!!!!

    정말 감사합니당!

    perm. |  mod/del. |  reply.
  19. Favicon of http://www.neoearly.net BlogIcon 라디오키즈 2009.04.19 01:02 신고

    문제는 저작권...;; 올릴 수 있는게 거의 없다보니 음악 플레이 기능에는 관심이 없네요.-_-;; 쩝~

    perm. |  mod/del. |  reply.
  20. Favicon of http://www.logotrak.com/ BlogIcon online logo design 2011.10.03 22:49 신고

    나중에는 벌레를 사먹게 될지도 모르겠네요..

    perm. |  mod/del. |  reply.
  21. Favicon of http://tinyurl.com/mp9g2v BlogIcon lawyer marketing 2011.10.20 12:44 신고

    앗.. 검색에서 리베형님 블로그가 짜잔~~!!

    들렸다 갑니다 : )

    perm. |  mod/del. |  reply.
댓글 입력 폼



티스토리 툴바