웹 뮤직플레이어를 만들어 보자!

우선 올리실 MP3파일이 필요 하시겠지요?

 

MP3파일을 파일의 원주소가 보이는 개인의 계정에 올려놓으면 됩니다

예를들어 티스토리,텍스트 큐브,이글루스 등등이 있겠죠?

*주의: 티스토리에 올리시면 자바로 인해 파일의 원주소가 가려집니다.

자바를 끄고 mp3파일의 원주소를 보시면 됩니다.

 

MP3파일을 다올리셨다면 이제 웹 뮤직플레이어를 만드실 수있습니다.

http://www.myflashfetish.com/

이곳에서 뮤직 플레이어를 만드실려면 가입을 하셔야 됩니다.

사용자 삽입 이미지

sign up! 을 클릭하셔서 가입을 하시면 됩니다.

사용자 삽입 이미지

(사진을 클릭하시면 자세히 보실 수 있습니다.)

 

가입을 다하셨다면 로그인을 하신뒤

사용자 삽입 이미지

MP3 Playlist로 가시면

 

 

뮤직플레이어의 스타일이 마구 뜹니다.

그중에서 플레이 리스트를 보여주는 스타일을 선택합니다.

사용자 삽입 이미지

저는 이걸로 해볼께요 "ㅁ"

 

사용자 삽입 이미지

사진을 클릭하셔서 봐주세요!

왼쪽에서는 뮤직플레이어의 스타일을 조절 할수있습니다.

오른쪽에서는 파일을 업로드 할수있지요.

우선 파일 업로드부터 하겠습니다.

사용자 삽입 이미지

 

 

 

Upload를 클릭!

사용자 삽입 이미지

이렇게 입력을 합니다.

Add MP3을 하신뒤에도 또 추가 하실 수 있습니다.

사용자 삽입 이미지

다추가하시면 아래를 봐주세요!

아래에서 추가된 곡을 선택하실수있습니다.

사용자 삽입 이미지

이렇게 곡순서를 바꿀수도 있지요 ㅇㅅㅇ

또한 곡 제목을 수정하시고 싶다면 MP3 Title을 수정하시면 됩니다.

모두다 지정하셨다면

저장을 하시면됩니다.

사용자 삽입 이미지

 

 

 

Save를 하시면 플레이어가 저장이 됩니다.

저장을 하시고 바로 코드를 얻으시면 오브젝트로 얻어서 원하는 부분만 출력할수 없습니다.

(여러가지 광고가 뜨더군요 ..)

저장을 하신후 다시 메인 홈페이지로 가주세요

사용자 삽입 이미지

상단에 자신의 아이디 옆에 Edit Playlists 가 있으실 겁니다.

이곳을 클릭 해주세요.

사용자 삽입 이미지

자신이 만든 뮤직 플레이어가 있습니다.

Get Code를 누르시면

사용자 삽입 이미지

이 메세지가 뜨실껍니다.

메세지를 클릭하세요.

그러면 코드를 HTML 코드를 얻을 수 있게 됩니다.

   <center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/fetish-mp3player.swfyidx16732939&path=2008/12/30" quality="high" wmode="window" bgcolor="D1CFCF" flashvars="mycolor=D1CFCF&mycolor2=696666&mycolor3=000000&autoplay=false&rand=0&f=4&vol=100&pat=3&grad=false" width="410" height="270" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:410px;height:270px;"></embed><br><a href="http://www.myflashfetish.com/playlist/16732939"><img src="http://assets.myflashfetish.com/images/btn-get-tracks.gif" alt="Music" title="Get Music Tracks!" border="0"></a><a href="http://www.mixpod.com" target="_blank""><img src="http://assets.myflashfetish.com/images/btn-create.gif" alt="Playlist" title="Create Your Free Playlist!" border=0></a><a href="http://www.mixpod.com/ringtones/16732939"><img src="http://assets.myflashfetish.com/images/btn-get-ringtones.gif" alt="Ringtones" title="Get Ringtones From This Playlist!" border="0"></a><br />Create a <a href="http://mixpod.com">playlist</a> at <a href="http://mixpod.com">MixPod.com</a></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzI*MTEwMDYxNDAmcHQ9MTIzMjQxMTAxMDc1MCZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWUyMWE1MGE3ODdhNzQzZTc4YjZmNDdiNTZjNDdlZjgy.gif" />

초록색으로 표시된 부분이 필요한 부분입니다.

필요한 부분만 짤라서 써주세요.

(저 링크는 못쓰게 해뒀습니다. 복사하셔도 원하는 결과를 못얻어요 "ㅁ")

 

 

완성입니다.

(음원저작권에 주의하시며 올려주세요^_^)

 

자신의 블로그에도 다실수있습니다.

크기를 조절하시면 되지요.

하지만 블로그가 무거워지신다는 거 .. orz//

또한 플레이어가 페이지를 이동하면 리로드를 하네요 .. ㅠ,ㅠ

Posted by Yaluka

2009/01/20 08:15 2009/01/20 08:15


블로그 이미지

- Yaluka

Notices

Archives

Authors

  1. Yaluka

Calendar

«   2012/02   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29      

Site Stats

Total hits:
165134
Today:
35
Yesterday:
45