웹페이지/블로그에 미디어(Audio/Video) 플레이어 삽입하기

2009. 9. 26. 19:43 from HOW TO/WEB FLOW

오디오(Audio) 삽입하기

- 웹사이트/블로그에 음악 위젯 삽입하기: Muzicons.com

위젯에 표시할 아이콘 선택.

음악 검색 또는 직접 URL 입력.

플레이어 스킨 선택 및 배경 색상 지정.

오브젝트/플레시 코드 복사

- 워드프레스 플러그인(Wordpress Plugin)

via http://www.macloo.com/examples/audio_player | 컬러 옵션

Wordpress plugin으로 사용되던 것을 다른 곳에서도 사용할 수 있게 설명

스크립트 사용:

<script language="JavaScript" src="audio-player.js의 주소 입력"></script>
<object type="application/x-shockwave-flash" data="player.swf의 주소입력" id="audioplayer1" height="24" width="290">
<param name="movie" value="player.swf의 주소입력">
<param name="FlashVars" value="playerID=1&soundFile=music.mp3의 주소입력">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

☞ 같은 페이지에서 1개이상 플레이 할때

<object type="application/x-shockwave-flash" data="player.swf" id="audioplayer2" height="24" width="290">
<param name="movie" value="player.swf">
<param name="FlashVars" value="playerID=2&soundFile=other.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>

3번째의 경우일 때는 '2'를 '3'으로...

- Google MP3 Player in GMail

GMail에 첨부된 Audio 파일 재생 플레이어

via Google MP3 Player in GMail - Embed MP3 Songs, Podcasts in Blogs

스크립트:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" width="500px" height="27px" align="middle">
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://mail.google.com/mail/html/audio.swf"/>
<param name="FlashVars" value="audioUrl=MP3_URL"/>
<param name="quality" value="best" />
<param name="bgcolor" value="#EEEEEE" />
<param name="scale" value="noScale" />
<param name="wmode" value="opaque" />
<param name="salign" value="TL" />
<embed id=Player scale="noScale" salign="TL" src="http://mail.google.com/mail/html/audio.swf?audioUrl=MP3_URL"
wmode="opaque" quality="best" bgcolor="#EEEEEE" width="500px" height="27px" name="Player" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

- Yahoo! MP3 Player

스크립트:

<embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=MP3파일 주소&skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" />

- Odeo MP3 Player

스크립트:

<embed type="application/x-shockwave-flash" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="400" height="52" allowScriptAccess="always" wmode="transparent" flashvars="audio_duration=DURATION&external_url=MP3파일 주소" />