jQuery音频播放器AUDIOPLAYER

2019-07-24 11:37 发布

代码|

admin
00
admin
湖南省 长沙市
在最美的年纪遇见最美的自己

index.jpg


几 个月前我建一个替换有点<audio>元素的 jQuery 插件的自定义 HTML 代码。通过添加一些 CSS 你得到全新的播放器,你想,并且具有相同的默认播放机功能的样子。没有直接的方法来设置元素的样式。但是 HTML5 DOM 的方法、 属性和事件的元素,从而使它很容易管控。


功能

反应迅速。

要实现这一目标,全部责任落在你的 CSS。我的例子是反应迅速。你可以有无响应的球员,但我们不建议。响应能力是良好的 web 体验的一个重要标志。


可触摸。

Touchableness是一种良好的 web 体验以及一个重要标志。这些有两个,你是设备和屏幕独立。这是完成了一半的工作


自适应。

当 浏览器完全不支持的音频元素或任何提供的音频文件,播放机然后优雅地降低到一个按钮 (仅适用于播放/暂停按钮) <embed />根据元素的玩家,将会使用 (大多是快速在 Mac 上的时间,在 Windows 上的 Windows 媒体播放器) 的第三方插件来播放音频文件。另一种可能的情况: 在浏览器中禁用 JavaScript。浏览器的默认播放器会再采取行动。而这是完全没问题。


可用。

基本/播放 / 暂停和播放进度控制,卷上 / 关闭 / 向上 / 向下控件和征兆的多少,音频预加载 (缓冲)。


图像-较少。

这取决于你的 CSS 以及。我的播放机看起来是所有 CSS,不使用单个图像文件。一切与em单位,使播放机进行缩放和放大。


无flash。

这么长时间,flash。你在这里是不需要的。


轻盈。

该插件的最的版本是只是4 KB大小。


jQuery音频播放器AUDIOPLAYER.gif

授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

官方网站: 暂无

在线演示

猜你喜欢
牛七七
更多发现
子导航代码