10个非棒 HTML5 音频播放器

openkk 13年前
     <h2>Media Element</h2>    <p><img style="width:589px;height:422px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/1e093d98a2a0fe3d29b79df2655bb839.png" /><br /> <br /> MediaElement is an audio an video player which is written in pure HTML5 and CSS. Older browsers are supported by Custom Flash and Silverlight players that mimic the HTML5 MediaElement API.<br /> <br /> Media Element is skinnable, and offers plugins for popular platforms such as <a href="/misc/goto?guid=4958331644143731314">WordPress</a>, Drupal, Joomla, etc. </p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958319809322148122">http://mediaelementjs.com/<br /> <br /> </a></strong></p>    <h2>Scott Andrew’s HTML5 audio player</h2>    <p><img style="width:570px;height:408px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/bfee2ef314d3ba36e1cd4c15f1e21237.png" /><br /> <br /> This player is very minimalist but works well. Great to use when you do not need playlists or any fancy effects!</p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958331645883416018">http://www.scottandrew.com/pub/html5audioplayer/<br /> <br /> </a></strong></p>    <h2>Speakker</h2>    <p><img style="width:566px;height:405px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/5d2630f214052f3f937670f2616740ad.png" /><br /> <br /> Here is a great player, probably my favorite from the whole list. Speakker is super easy to set up and comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors, etc…<br /> <br /> Speakker is cross-browser compatible and have a Flash fallback for old browsers and had two different button sets for light and dark themes. </p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958331646679236449">http://www.speakker.com/<br /> <br /> </a></strong></p>    <h2>MooTools HTML5 Audio Player</h2>    <p><img style="width:592px;height:424px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/38652e770e6165a01c84dec9f3dd123b.png" /><br /> <br /> Are you using Mootools on your website? If yes, you’ll probably enjoy this player, made with HTML5 and the Mootools JavaScript framework. The player works perfectly on all recent browsers.</p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958331647477497354">http://simulacre.org/mootools-html5-audio-player/<br /> <br /> </a></strong></p>    <h2>Universal HTML5 Audio Player</h2>    <p><img style="width:566px;height:405px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/7649be37995149910cbaa9a107a645e6.png" /><br /> <br /> This player is the only one from the list which isn’t free. But it’s cheap ($5 only!) and works well. It have lots of useful features, such as a way to protect your audio from being hijacked by using a beep overlay, which is a great solution for commercial uses.</p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958331648280891568">http://codecanyon.net/item/universal-html5-audio-player<br /> <br /> </a></strong></p>    <h2>SoundManager 2</h2>    <p><img style="width:568px;height:407px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/67015e8d60157d1bc2156c48c88f819b.png" /><br /> <br /> Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single lightweight (10 kb) JavaScript API.<br /> <br /> Want to see what you can do with Sound Manager 2? Then visit <a href="/misc/goto?guid=4958331649075758032">http://wheelsofsteel.net/</a> for an awesome demo!</p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958190197037670392">http://www.schillmania.com/projects/soundmanager2/<br /> <br /> </a></strong></p>    <h2>jplayer</h2>    <p><img style="width:562px;height:402px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/abc8e2ae872ec4cf7e146b3f7a106a72.png" /><br /> <br /> jplayer is a jQuery plugin which have been my audio player of choice for several months because of its simplicity. A great tool which can also play videos. </p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958331650609881114">http://jplayer.org/<br /> <br /> </a></strong></p>    <h2>audio.js</h2>    <p><img style="width:547px;height:392px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/ced8a9c64276830c20639c4bb528e6be.png" /><br /> <br /> audio.js is a drop-in javascript library that allows HTML5′s     <audio>      tag to be used anywhere. It uses native      <audio>       where available and an invisible flash player to emulate       <audio>        for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.       </audio>      </audio>     </audio></p>    <p><strong>→ Visit <a href="/misc/goto?guid=4958184538124892418">http://kolber.github.com/audiojs/<br /> <br /> </a></strong></p>    <h2>HTML5 Audio Player Bookmarklet</h2>    <p><img style="width:551px;height:394px;" alt="10非棒HTML5的音频播放器" src="https://simg.open-open.com/show/ca95367eeb540944d80fe068ce11dd82.png" /><br /> <br /> This bookmarklet adds an audio player to play linked audio files on any page. It can be used on any page which has links to downloadable audio files. A great tool to stream audio instead of downloading!</p>    <strong>→ Visit <a href="/misc/goto?guid=4958331652139880800">http://marklets.com/HTML5+Audio+Player.aspx</a></strong>