阅读更多

5顶
0踩

Web前端

翻译新闻 10 个最佳 HTML5 音频播放器推荐

2013-03-08 15:33 by 副主编 wangguo 评论(1) 有57315人浏览
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
  • 大小: 53.5 KB
  • 大小: 159.9 KB
  • 大小: 50.8 KB
  • 大小: 56.6 KB
  • 大小: 69.7 KB
  • 大小: 87.4 KB
  • 大小: 108.1 KB
  • 大小: 135.3 KB
  • 大小: 25 KB
  • 大小: 55.9 KB
5
0
评论 共 1 条 请登录后发表评论
1 楼 hehongwei44 2013-03-08 22:47
兼容性 不好哦

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • pbPlayerWeb:具有 HTML 界面的 Web 音频播放器并使用 HTML5FlashEmbed 播放音频

    pbPlayer是一个跨浏览器/跨平台的音频播放器。 它支持常见格式,并且如果无法在本地播放它们,则可以优雅地回退。 提供不同的资源格式,允许选择最佳解决方案。 通过播放器逻辑的解耦,可以轻松创建自己的配置和...

  • 主流 html5播放器,10 个最佳 HTML5 音频播放器推荐

    英文原文:10 Best HTML5 Audio... 本文为你带来 10 款优秀的基于 HTML5 实现的音频播放器,你可以在 Web 项目中使用,为你的用户带来全新的体验英文原文:10 Best HTML5 Audio PlayersHTML5 似乎无所不能,该技术正...

  • html5添加音频播放器,Html5添加audio音频播放器插件教程

    二、HTML结构00:0000:00三、CSS样式下面是该音频播放器的主要CSS样式。你可以修改下面的样式来制作你自己需要的音频播放器样式。.jAudio--player {display: table;overflow: hidden;background: #fff;Box-...

  • 15个最佳HTML5视频播放器

    随着YouTube最近的一项政策变化,即要求创作者... 无论您是YouTube创作者还是有抱负的电影导演,这份15个最佳HTML5视频播放器列表都将帮助您开始开发以视频为中心的网站。 您最需要什么功能? 一个简单的球员? ...

  • jquery 音频播放_10个jQuery HTML5音频播放器

    2017年5月8日:此热门文章已更新,以反映当前可用的音频播放器和插件。 流式传输的优点之一是,观众可以欣赏自己喜欢的音乐和在线广播,而不必担心设备上的存储空间。 随着负担得起的Internet的普及使...

  • 10个jQuery HTML5音频播放器

    2017年5月8日:这种流行的文章更新,以反映当前可用的音频播放器和插件。 流的一个优点是,观众可以欣赏自己喜爱的音乐和在线播放,而不用担心他们的设备上的存储空间。 越来越多的人,尤其是年轻一代,都发现了...

  • 13款用于Web的流行HTML5视频播放器

    在本文中,我们将来了解一下现在市面上可用的HTML5视频播放器(包括开源和商业播放器)。

  • 9个适用于WordPress的最佳音频播放器插件

    HTML5 jQuery音频播放器为WordPress提供了可定制且外观时尚的音频播放器。 它具有很多选项,还可以与Easy Digital Downloads一起使用以出售您的数字内容。 Your users can rate songs without leaving the page. ...

  • html5新标签-音频&视频

    大家都有在网页中浏览视频的经历,但在之前,对视频乃至音频都还没有一个标准。因此,在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是RealPlayer 或者 Flash。浏览器很好的整合了这些...

  • html5支持4k视频播放器,哪个是最好的4K视频播放器?五个最佳播放软件(个人经验)...

    4K老实决定与您分享播放4K视频的经验,并推荐几种常用的4K视频播放器.▌播放软件: PowerDVD▌推荐指数: ★★★★☆简介:PowerDVD是更的蓝光播放器. 它非常强大,可以基本支持所有格式的视频文件. 许多的视听工作室...

  • html5录制mp3,html5 录制mp3音频,支持采样率和比特率设置

    13年的时候做过html5录音,一个问题是保存的wav格式文件很大,当初用了一个迂回的方式,上传到服务器后调用 lame 编码器转换,但由于文件大,上传较慢。不得不说,前端技术发展真是日新月异,有人实现了js版本的lame...

  • 10个最佳jQuery和HTML5媒体播放器

    早在一天,人们习惯于在其网站flash视频,因为闪存是相当多显示视频的唯一选择。 但是,现在每个人都希望播放视频,支持多种音频和视频格式,... 看看我们下面10个最佳jQuery和HTML5播放器教程综合报道! 请享用! ...

  • html5audio音频自动缓冲,HTML5网络音频卡住了(缓冲问题?)(HTML5 web audio getting stuck (buffering issue?))...

    HTML5网络音频卡住了(缓冲问题?)(HTML5 web audio getting stuck ...我测试了几个不同的播放器,包括Flash播放器Wimpy Player和HTML5播放器,如Audio5js,jPlayer和pickle播放器。我已经测试了以不同的比特...

  • 在线视频应用:flash播放器换html5播放器常见的问题汇总

    作为视频播放主要载体flash插件的退出,html5视频应用就成了各类网站播放视频时,最佳的选择,那么,网站中使用html5标签来调用视频,应该注意些什么呢?

  • 2016 html5框架,2015年16个最佳的免费响应式HTML5框架

    关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。下面这些既是响应式的HTML5框架,又跨浏览器兼容。而且这些免费的HTML5框架非常轻巧,所以...

  • 出色的社区网站_5个出色HTML5视频播放器

    This list has been compiled after taking into consideration a few important needs, such as: 无论您是YouTube视频创作者还是社交媒体影响者,我们都列出了5个最出色HTML5视频播放器清单。 该列表是在考虑了...

  • 10个优秀的Javascript的音频库

    Web和Web浏览器在过去几年取得了快速的进步,这些进步与新技术通常被...HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用Java

  • MATLAB-四连杆机构的仿真+项目源码+文档说明

    <项目介绍> - 四连杆机构的仿真 --m3_1.m: 位置问题求解 --m2_1.m: 速度问题求解 --FourLinkSim.slx: Simlink基于加速度方程的仿真 --FourLinkSim2.slx: Simscape简化模型仿真 --FourLinkSim3.slx: Simscape CAD模型仿真 - 不懂运行,下载完可以私聊问,可远程教学 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 --------

  • ridge_regression:用于岭回归的python代码(已实现以预测下个月的CO2浓度)

    ridge_regression 用于岭回归的python代码(已实现以预测下个月的CO2浓度) 资料可用性 文件 Ridge.py :标准函数和Ridge回归函数window_make.py :使用滑动窗口方法制作大小为p(窗口大小)的时间序列列表。 Final_version.ipynb :使用Co2数据对代码进行实验

  • Polygon3-3.0.8-cp35-cp35m-win_amd64.whl.rar

    python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件,注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装,如果whl路径不在cmd窗口当前目录下,需要带上路径 WHL文件是以Wheel格式保存的Python安装包, Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包,WHL文件中包含了Python安装的py文件和元数据,以及经过编译的pyd文件, 这样就使得它可以在不具备编译环境的条件下,安装适合自己python版本的库文件。 如果要查看WHL文件的内容,可以把.whl后缀名改成.zip,使用解压软件(如WinRAR、WinZIP)解压打开即可查看。 为什么会用到whl文件来安装python库文件呢? 在python的使用过程中,我们免不了要经常通过pip来安装自己所需要的包, 大部分的包基本都能正常安装,但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中(whl包下载)下载whl包来安装解决问题。

Global site tag (gtag.js) - Google Analytics