阅读更多

5顶
0踩

Web前端

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

2013-03-08 15:33 by 副主编 wangguo 评论(1) 有57436人浏览
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

  • 西门子S7-200SMART与V20变频器基于Modbus通讯的稳定控制及应用

    内容概要:本文详细介绍了西门子S7-200SMART PLC与V20变频器通过Modbus RTU协议进行通信的具体方法和技术要点。首先阐述了硬件连接方式,强调了正确的接线和参数设置对于稳定通信的重要性。接着深入讲解了PLC程序的设计,包括Modbus主站初始化、启停控制、频率设定以及断电自恢复等功能模块的实现。此外还分享了一些实用的经验技巧,如避免通讯冲突、处理浮点数转换等问题。最后提到该方案已在实际生产环境中成功应用,表现出良好的稳定性和可靠性。 适合人群:从事自动化控制系统集成的技术人员,特别是熟悉西门子PLC和变频器产品的工程师。 使用场景及目标:适用于需要将旧型号PLC与变频器进行高效集成的企业,在不影响原有设备的基础上提升系统的智能化水平,减少人工干预,提高生产效率。 其他说明:文中提供了大量具体的编程实例和参数配置指南,有助于读者快速掌握相关技能并应用于实际工作中。同时提醒读者注意一些常见的错误及其解决方案,帮助规避潜在的风险。

  • 西门子PLC电机控制程序:封装好的功能块助力高效工业自动化

    内容概要:本文详细介绍了西门子PLC中用于电机控制的封装功能块,涵盖正转、反转、变频控制等多种功能。通过简化底层代码,提高编程效率和系统可靠性。文章展示了如何使用功能块实现正转、反转、变频控制、模拟量处理、故障处理等功能,并结合用户自定义数据类型(UDT)和多重背景技术,实现对大量电机的高效管理。此外,还提供了具体的代码示例,帮助读者更好地理解和应用这些功能块。 适合人群:从事工业自动化领域的工程师和技术人员,尤其是那些需要频繁处理电机控制任务的人群。 使用场景及目标:适用于需要简化电机控制编程、提高系统可靠性和可维护性的工业环境。主要目标是减少重复编码的工作量,提升开发效率,确保系统稳定运行。 其他说明:文中提供的代码示例和方法不仅有助于初学者快速入门,也为有经验的工程师提供了优化现有系统的思路。通过使用这些功能块,可以在短时间内完成复杂电机控制系统的搭建和调试。

  • 腐败感知指数(CPI)数据和各种治理指标数据集

    全球腐败感知数据(2000-2023)——3000行 33个指标 关于数据集 该数据集包含3000行和33列,涵盖了2000年至2023年的腐败感知指数(CPI)数据和各种治理指标。它包括国家排名、分数和其他指标,如公共部门腐败、司法腐败、贿赂指数、商业道德、民主指数、法治、政府效率、经济指标和人类发展指数。 这些数据可用于: 腐败趋势分析 腐败对GDP、人类发展指数和治理的影响 跨国比较 数据可视化和机器学习模型 该数据集对研究人员、数据分析师、政策制定者和对研究全球腐败趋势非常有用。

Global site tag (gtag.js) - Google Analytics