js播放音频文件总结

时间：2021-9-6     作者：smarteng     分类： WEB相关

js播放音频文件
最近在做一个英语听力的个人玩的项目，需要用js来播放mp3文件。从网络上搜到了好多种解决方案。
总结如下：
Audio Player
特点：
(1)必须是轻量级的、可定制的、正确的。
(2)必须能解决当前的问题，比如响应式的、支持触摸操作的。
(3)必须解决了我目前没解决的问题。

audio-player-responsive-and-touch-friendly-1.jpg

这个是jQuery的插件形式的实现，具有：响应式的、 可触摸操作、自适应的、 原生的、 实用的特点，并且是没有图片元素，完全采用css3来绘制完成，样式也很赞。无Flash，这个解决了新版本的chrome不支持flash的大问题。
但是这个有一个比较大的问题，不支持LRC文件。
Jplayer
jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体应用，因此也获得越来越多的社区成员的支持和鼓励。
特点：
简单:几分钟就可以上手编码、部署
可定制:可以方便地用HTML和CSS换肤
轻量:压缩的mini版只有12K
免费开源:没有任何许可限制
社区支持:不断增长的活跃社区
插件丰富:主流平台上越来越多的免费插件
跨平台:跨平台跨浏览器多解码器支持
文档全面:完善的文档和入门指南
接口统一:提供兼容浏览器、HTML5和Flash的统一接口
扩展性:拥有高扩展性的架构体系
支持多中浏览器：
Windows: Chrome, Firefox, Internet Explorer, Safari, Opera
Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11
OSX: Safari, Firefox, Chrome, Opera
iOS: Mobile Safari: iPad, iPhone, iPod Touch
Android: Android 2.3 Browser
Blackberry: OS 7 Phone Browser, PlayBook Browser
这个也是一个jQuery的插件形式的实现。我感觉这个比较符合我的要求，但是他的样式实现没有Audio Player 那么优雅，但是可以支持自定义的theme，我决定把Audio Player 的样式用于jplayer。
并且实现一个带有歌词同步的项目，期待我的实现吧。
可以先看一下初步版本： http://www.yingyuke.net/jplayer/
APlayer
APlayer 是这里颜值最高的一个播放器。
体验地址：https://aplayer.js.org/#/
这个写的太好了，我只是学习了一下这个播放器的实现。暂时还没有应用到我的项目中。

标签: 播放器
上一篇:从代码层面解决chrome不支持flash的方案 下一篇:如何利用最低配的腾讯云快速搭建高并发在线服务
smarteng
smarteng

人生就流星，虽然转瞬即逝，但也有永恒。

恰饭
分类
热门文章
最新日志
存档
标签
timestamp datetime time awk 技术文章 SEM 营销 赚钱 go-zero 抓包 测试覆盖率 系统 hostname goquery mockgen gomock validator urldecode urlencode redirect context port pulsar Consul epoll yaml 错误处理 code-review xlsx excel c 读书 阅读 写作 生活 shen 统计 test Module mod 效率 无密码 天网 Future video computer tmux ce Logrotate supervisor command screen rsa java markdown 测试 水平居中 error brew homebrew http nodejs composer 工具 框架 gopath gomod golang go 播放器 服务器 腾讯云 单元测试 爬虫 命令 emlog replace 模型 PHP升级 阿里云 习惯 group_concat SQL Server PHPExcel 面试 单点登录 开源项目 tag guid yaf md5 博客 微博 团队 Geolocation Mac 客户端 网赚 豆瓣 编程语言
京东