NiftyPlayer音乐播放器资源-CSDN文库

共11个文件

bak：3个

html：2个

mp3：2个

web

1星需积分: 9 48 浏览量 2012-12-12 14:04:51 上传评论收藏 755KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

niftyplayer.rar （11个子文件）

niftyplayer

niftyplayer.js 3KB

niftyplayer.fla 280KB

Music

betty.mp3 350KB

xiaoqingge.mp3 389KB

test.html.bak 3KB

niftyplayer.js.bak 3KB

sample.html.bak 5KB

sample.html 5KB

main.css 2KB

niftyplayer.swf 4KB

test.html 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"> <head> <title>NiftyPlayer - a small and simple Flash MP3 player!</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript" language="javascript" src="niftyplayer.js"></script> </head> <body> <div class="mainwrapper"> <div class="title"> <h1>niftyPlayer </h1> <div class="caption">A Scriptable, Lightweight Flash MP3 Player</div> </div> <h2>Demo</h2> <div class="sectiontext"> <p>This is what <strong>niftyPlayer</strong> looks like:</p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="165" height="37" id="niftyPlayer1" align=""> <param name=movie value="niftyplayer.swf?file=betty.mp3&as=0"> <param name=quality value=high> <param name=bgcolor value=#FFFFFF> <embed src="niftyplayer.swf?file=betty.mp3&as=0" quality=high bgcolor=#FFFFFF width="165" height="37" name="niftyPlayer1" align="" type="application/x-shockwave-flash" swLiveConnect="true" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </object> <p>...and it is controllable with JavaScript:</p> <a href="javascript:niftyplayer('niftyPlayer1').playToggle()">play toggle</a> (or <a href="javascript:niftyplayer('niftyPlayer1').play()">play</a> | <a href="javascript:niftyplayer('niftyPlayer1').pause()">pause</a> ) <a href="javascript:niftyplayer('niftyPlayer1').stop()">stop</a> <br /> <a href="javascript:niftyplayer('niftyPlayer1').load('betty.mp3')">load file 1</a> | <a href="javascript:niftyplayer('niftyPlayer1').load('creeeeak.mp3')">load file 2</a> | <a href="javascript:niftyplayer('niftyPlayer1').loadAndPlay('creeeeak.mp3')">load file 2 and play it</a> <br /> <br /> <a href="javascript:niftyplayer('niftyPlayer1').registerEvent('onPlay', 'alert(\'Playing!\')')">register onPlay event</a> (then click the play button to see the result) <br /> <a href="javascript:alert(niftyplayer('niftyPlayer1').getState())">get current file state</a> </div> <h2>Upsides</h2> <div class="sectiontext"> <ol> <li>Small (~4kb)</li> <li>Free, open-source</li> <li>No Flash knowledge required: file URL is specified in HTML</li> <li>JavaScript-ready! You may even bypass the Flash interface altogether!</li> <li>Autostart capability</li> <li>Draggable/Clickable seek bar</li> <li>Simple operation with Play/Pause and Stop buttons</li> <li>Buffering with progress bar</li> <li>Buffering is stoppable! (through Stop button)</li> <li>Volume control</li> <li>Very verbal</li> <li>Retries upon encountering errors</li> </ol> </div> <h2>Downsides</h2> <div class="sectiontext"> <ol> <li>No playlist capability (<a href="flashmp3alizer.html">but can be done in JavaScript!</a>)</li> <li>No photo-slideshow or video capability</li> <li>Sound must be MP3 (flash limitation)</li> <li>I'm sure there's more, but I can't really think of any other. But, hey, did I mention it's open-source? You can always change the code :)</li> </ol> </div> <h2>Usage</h2> <div class="sectiontext"> <p>Copy and paste the code below into your HTML file, then replace all values in red accordingly.</p> <pre> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" <font color="blue">width="165" height="38"</font> id="niftyPlayer1" align=""> <param name=movie value="niftyplayer.swf?<font color="red">file=betty.mp3</font>&<font color="red">as=1</font>"> <param name=quality value=high> <param name=bgcolor value=#FFFFFF> <embed src="niftyplayer.swf?<font color="red">file=betty.mp3</font>&<font color="red">as=1</font>" quality=high bgcolor=#FFFFFF <font color="blue">width="165" height="38"</font> name="niftyPlayer1" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </object></pre> <p>If you'd like to use the JS extension, include the code below in your HTML file (it usually goes inside the <code>head</code> section). You may set the height and width of the Flash (in blue, above) to 0 to make it disappear -- or use CSS, alternatively.</p> <pre><script type="text/javascript" language="javascript" src="niftyplayer.js"></script></pre> <p>Also, you may want to check out the <a href="flashmp3alizer.html">FlashMP3alizer script</a> too. </div> <h2>Reference</h2> </div> </body> </html>

评论收藏

内容反馈