10 个最佳 HTML5 音频播放器推荐

标签: html5 音频 播放器 | 发表时间:2013-03-08 15:33 | 作者:
出处:http://www.iteye.com
HTML5似乎无所不能,该技术正在逐步蚕食原本属于Flash的市场,并逐渐成为Web开发中的主流技术之一。

本文为你带来10款优秀的基于HTML5实现的音频播放器,你可以在Web项目中使用,为你的用户带来全新的体验。

1.  Chameleon HTML5 Audio Player With/Without Playlist

你可以将本产品作为一个全功能的HTML5音频播放器(带播放列表),或者只是作为一个模块嵌入到你的网站中。你也可以进行定制,比如颜色、后台播放、音量滑块、定时器、缓冲区、搜索栏等。



2.  Speakker

Speakker是该列表中的最好的播放器之一,拥有非常不错的定制选项,比如灵活的尺寸、颜色等,并且兼容大部分浏览器。



3.  audio.js

audio.js是一个非常流行的JavaScript库,它可以让你在任何地方使用HTML5的<AUDIO>标签,并为所有浏览器提供了一个统一的HTML播放器UI,你可以使用标准的CSS样式来定义。



4.  SoundManager 2

SoundManager 2基于HTML5和Flash,提供了一个非常棒的音频播放体验,并且非常轻量级(只有10kb),你可以在 这里观看演示,这是一个基于SoundManager 2的DJ混音台。



5.  MooTools HTML5 Audio Player

该播放器使用到了HTML5和Mootools(一个JavaScript框架),可以在所有最新的浏览器中展示出强大的效果。



6.  jplayer

这是一个非常简单和方便的jQuery插件,除了音频外,视频播放效果也很不错。



7.  Universal HTML5 Audio Player

这是一个收费的播放器,不过与该播放器丰富的功能相比,其价格(只有5美元)就不足为道了。该播放器使用了一个beep overlay技术,可以防止你的音频信息被劫持。



8.  Media Element

该播放器完全采用HTML5和CSS,也可以作为WordPress、Drupal和Joomla的插件来使用。



9.  Scott Andrew’s HTML5 audio player

这是一个非常轻量级的HTML5播放器,效果非常棒。



10.  HTML5 Audio Player Bookmarklet

可以作为浏览器的书签来使用,来播放页面中链接的音频文件,省去了你下载音频文件的时间。



英文原文: 10 Best HTML5 Audio Players

感谢 wangguo 投递这篇资讯

已有 1 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [html5 音频 播放器] 推荐:

10 个最佳 HTML5 音频播放器推荐

- - ITeye资讯频道
HTML5似乎无所不能,该技术正在逐步蚕食原本属于Flash的市场,并逐渐成为Web开发中的主流技术之一. 本文为你带来10款优秀的基于HTML5实现的音频播放器,你可以在Web项目中使用,为你的用户带来全新的体验. 你可以将本产品作为一个全功能的HTML5音频播放器(带播放列表),或者只是作为一个模块嵌入到你的网站中.

支持触摸设备的响应式HTML5音频播放器 - AudioPlayer.js

- - ITeye博客
日期:2013-5-22  来源: GBin1.com. 如果你希望开发一款支持响应式的HTML5播放器的话,. AudioPlayer.js是一个不错的选择. 它使用HTML5的audio标签帮助你生成一个支持响应式的音频播放器,不使用任何embed代码,图片或者flash,完全使用CSS定义界面.

HTML5视频播放器总结

- - mo-Android
目前HTML5的各种应用在如火如荼的进行着,大家都在不断的尝试,尽管目前还没有优秀的产品出现,但是目前各方面的应用产品在层出不穷. 而我一直关注的HTML5视频播放这一块,应该说在国外是很火的,很多公司或者个人都在这推出自己的HTML5 视频播放器,详细的说明大家看下面这张图片:. 以上HTML5视频播放器,我也是使用了其中的2-3个,感觉比较好的还是Video JS,对我们开发人员来说很方便,网站有详细的文档说明,以及扩展说明等,播放器制作的很不错,很具有商业价值,下面给大家看一个我们使用的样例:.

自己的HTML5 播放器 - __constructor

- - 博客园_首页
不知道写什么,主要也是自己水平实在是有限,想想自己会的东西都太基本,网上一搜往后不知道能数多少页,自己表达的也没有别人好. 我希望自己写的东西要么是网上没有(可能性就是零……),要么是带着自己的见解. 所以没有素材,还是自己踏踏实实学习比较靠谱,看的书越多,发现自己不会的也越多,但是太长时间不发东西出来又害怕自己丢失了写文章的习惯,所以凑数也要凑一篇.

优秀的Android音频播放器

- SUN - Solidot
Simon Jessop 写道 "我们常常看到人们把Android设备当成音乐播放器使用,但Android自带的播放器有许多不足,例如缺乏无缝播放. 不过好在Android平台上有许多免费和功能丰富的音乐播放器替代. 这里收集了八款优秀的Android音乐播放器,包括了Winamp,MixZing,Songbird,开源播放器Cubed Music Player,DeaDBeeF Player,等等.

HTML5+CSS3+jQuery制作视频播放器完全指南

- - 博客 - 伯乐在线
导读:毫无疑问HTML5已经是大势所趋,知名视频网站YouTube在两年前就开始推广HTML5播放器来代替Flash. 虽然国内还没有完全普及HTML5 浏览器,但在各大本土浏览器厂商的努力下,支持HTML5的浏览器在中国浏览器市场的占有率也在不断增长中. 本教程将会手把手地教你制作一个基于HTML5& CSS3& JavaScript 技术的视频播放器.

轻享音乐酷狗全新HTML5播放器低调发布

- - HTML5研究小组
近日老牌数字音乐厂商酷狗音乐推出了基于HTML5的手机端播放器,跨平台使用,且无需安装,手机浏览器输入相应网址(m.kugou.com)即可实现音频播放. 酷狗html5播放器主界面. 这是目前国内第一款基于HTML5的音乐播放器,更是在移动平台第一款利用浏览器播放而非采用传统App形式的播放器. 目前Android与iOS平台难分伯仲,几乎所有的移动App开发者都会基于双平台开发自己的应用软件.

Sewise Player 2.5.2 发布,HTML5 视频播放器

- - 开源中国社区最新新闻
Sewise Player 发布了 2.5.2 版本,更新内容如下:. 1、增加primary参数,用于确定html5与flash播放的优先级. 2、HTML5模块加入draggable参数. 3、修复了在bootstrap框架中弹窗进度条错误的问题. 4、修复了Flash模块无法播放相对路径视频地址的问题.

有支持M3U8格式的HTML5播放器吗? - 知乎

- -
HTTP Live Streaming文件视频格式,它主要是存放整个视频的基本信息和分片(Segment)组成. 目前 由 Apple.inc 率先提出的 HLS 协议在 Mac 的 Safari 上原生支持,你可以直接通过. 如果你希望兼容所有的浏览器的话, 你需要知道 Chrome 和 Firefox 支持的 Media Source Extensions( 非常不理想,在IE和国内具备兼容模式的极速浏览器下) 的情况:.

千千静听、foobar2000 神马的都素浮云,基于 HTML5 的浏览器版音乐播放器诞生

- Goingmm - Chrome迷
相信各位的电脑上都不会缺少音乐播放器这么个东西,虽然在线音乐已经非常发达,但这个东西仍然有市场. 但未来可能就不是这样了,音乐播放器完全可以由浏览器来取代,今天我们要介绍的这个就是一个还比较原始的浏览器版音乐播放器. 这个浏览器版播放器使用起来非常简单,只需要用一个支持 HTML5 的浏览器点击这个连接,然后浏览你存放在本地的音乐文件夹就可以,浏览器会自动快速的建立音乐索引让你可以直接在浏览器中享受音乐.