曾几何时,在网页上播放音频都是通过第三方插件来播放的,如 Flash、QuickTime、Silverlight 等,没有统一的音频播放标准。

HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面推荐的9款HTML5音频播放器都是基于 audio 元素开发的,能够帮助你在网页中轻松的嵌入音频。

1. jPlayer

jPlayer 一款基于 jQuery 的免费开源的 HTML5 音频和视频播放插件,API 简单,支持自定义皮肤。

2.Media Element

MediaElement 是一款支持播放音频和视频的播放器,使用纯 HTML5 和 CSS 编写,在旧的浏览器中会能降级到 Flash 或者 Silverlight 播放。Media Element 还可以定制皮肤,为主流的平台通了插件,例如 WordPress、Drupal、Joomla 等等。

3.Scott Andrew’s HTML5 audio player

这款 HTML5 音频播放器非常的简洁,由Scott Andrew开发,如果你不需要播放列表,也不需要花哨的效果,那么可以选择它。

4.Speakker

Speakker 是我最喜欢的一款音频播放器,功能强大,使用简单。这款播放器有播放列表,声音控制,播放控制等很多功能,支持尺寸、颜色、按钮文本等选项的自定义。支持所有的现代浏览器,在旧的浏览器中会自动降级到 Flash 播放。

5.MooTools HTML5 Audio Player

基于 Mootools 框架的 HTML5 音频播放器,如果你的网站正在使用 MooTools 框架,我想你会喜欢这个播放器的。

6.Universal HTML5 Audio Player

这款播放器是这个列表中唯一要付费的,当然功能也是很全面的,支持自定义播放控制按钮图片,兼容 iOS、Android 和桌面浏览器。

7.SoundManager 2(推荐)

通过调用轻量的 JavaScript API ,SoundManager 2 提供了可靠的跨平台音频播放方案,在旧的浏览器会自动降级到 Flash,精美的Demo:http://wheelsofsteel.net

8.audio.js(推荐)

audio.js 是一个轻量的 JavaScript 库,用于帮助你在网页中轻松的嵌入音频,在现代浏览器中使用原生的标签播放音频,旧的浏览器使用 Flash 来模拟标签,所有浏览器使用统一的 UI 界面,可以通过 CSS 定义外观。

9.HTML5 Audio Player Bookmarklet

这个特别的播放器是以书签形式来播放网页中的音频文件,能够用于任何有可下载的音频文件链接的页面。

参考推荐:

html5个性音乐播放器,9款优秀HTML5音乐播放器 - 米扑博客相关推荐

  1. Feeder 一款 Mac 上的 RSS 阅读器,更优雅地跟踪最新的新闻和博客文章

    Feeder 一款 Mac 上的 RSS 阅读器,更优雅地跟踪最新的新闻和博客文章 Feeder 是一款 Mac 上的 RSS 阅读器,它可以帮助用户轻松地订阅和管理 RSS 源,让用户可以轻松地跟踪 ...

  2. 优秀的程序员都不写博客?这就推荐6个优秀博客给你看

    李开复是个很内向的人.还有甘地.乔布斯.但丁......这个名单可以列很长.在读博的时候,李开复要教一群高中生学编程.这件事他想的很简单,就教一些基础知识嘛:真到了给学生们上课,才发现,学生们根本都不 ...

  3. 基于python的个人博客_一款基于 Django 的极简主义个人博客系统

    shadow_blog 介绍 shadow_blog 是一款基于 Django 的极简主义个人博客,已应用在苍茫误此生博客 前端基于 Boundless-UI,风格简约.支持响应式布局, 已适配主流的 ...

  4. Python语法解析器PLY——lex and yacc in Python - 娄振林专栏 - 博客频道 - CSDN.NET

    Python语法解析器PLY--lex and yacc in Python - 娄振林专栏 - 博客频道 - CSDN.NET Python语法解析器PLY--lex and yacc in Pyt ...

  5. 一款简约好看的html5音乐播放器,HTML5 之美:推荐9款优秀的 HTML5 音乐播放器

    过去,在网页上播放音频都是通过第三方插件来播放的,如 Flash.QuickTime 和 Silverlight 等,没有统一的音频播放标准.HTML5 通过 audio 元素来提供在网页中嵌入音频的 ...

  6. Android10文件管理,10款优秀的Android文件管理器

    本文将介绍10款Android文件管理器,包括:ES File Explorer.Dual File Manager XT.ASTRO File Manager,Ghost Commander,Fil ...

  7. 网页视频播放器代码大全 + 21个为您的站点和博客提供的免费视频播放器

    推荐 使用 极酷 Web在线播放器. 网页中嵌入视频代码综合全然版 1.avi格式 代码片断例如以下: 程序代码 <objectid="video"width="4 ...

  8. HTML5期末大作业:HTML+CSS+JavaScript+BootStrap 简约的旅游图文相册博客HTML模板

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  9. html5网页中加入播放器,10款jquery+html5实现的网页播放器

    1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画.运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣 ...

  10. MuiPlayer - 一款优秀的 H5 视频播放器框架

    Mui Player Gitee | Docs | 中文文档 介绍 MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放.播放快 ...

最新文章

  1. 跨平台PHP调试器设计及使用方法——探索和设计
  2. pandas.series的数据定位为什么用两个左中括号[[
  3. 德国大学:如何改变一个民族和整个世界的命运
  4. C#LeetCode刷题-脑筋急转弯
  5. python中编写类的各种技巧和方法_每日一道python面试题 - Python的实例,类和静态方法揭秘...
  6. caffe图像分类教程_跟我上手深度学习: 五分钟尝试第一个深度学习(Caffe)训练和图像分类(详细图文步骤)...
  7. linux可以修改日期格式吗,如何在Linux中使用date命令修改日期时间
  8. 雷林鹏分享:MySQL 元数据
  9. 什么是U盘量产工具?量产基本知识
  10. 基层干部计算机培训方案,基层管理干部培训方案
  11. mysql compute_compute by 的使用
  12. 什么是域名系统或 DNS?
  13. H5点击触摸测试,点击延迟测试,点击触摸时长测试案例
  14. 美团移动端主页+订单界面
  15. 阿里P8、P9税后180W及以上到底是什么水平?
  16. springsecurity忽视拦截静态资源
  17. 【C标准库】详解fopen函数 一篇让你搞懂fopen函数
  18. 湖南师范大学计算机考研真题,湖南师范大学2004年计算机应用专业课考研真题试卷(回忆版)...
  19. Django教程(安装PythonPycharmDjango)
  20. Linux中xmind8 pro 破解(内附序列号,亲测有效)

热门文章

  1. 如何实现团队高效协作办公?
  2. c语言long和short,long和short是什么意思?
  3. 把时间还给洞察,且看PPT调研报告自动生成攻略
  4. 阿里网盘攻,百度网盘守
  5. 最全面的SpringMVC教程(二)——SpringMVC核心技术篇
  6. 如何使用Internet Download Manager批量下载音乐素材?
  7. Hexo个人免费博客(二) 创建主界面分页签和新博客
  8. 树莓派3b no wireless interfaces found 的解决办法 360wifi和树莓派结合
  9. 4152: [AMPPZ2014]The Captain
  10. 镶锆石、侧边指纹、双屏翻盖机,三星的这款2万块手机,只有土豪能懂