Audio Player Open source · MIT
Audio Player: Responsive and Touch-Friendly by Osvaldas Valutis
Introduction
Audio Player is a jQuery plugin that replaces `<audio>` element with a little of custom HTML code. By adding some CSS you get a whole new player which looks the way you want and has the same functionality as the default player. To sum it up, the plugin enables indirect styling of `<audio>` element.
Features: the player is responsive, touchable, adaptive, native, usable, image-less, flash-less, and lightweight. The essential Play / Pause and playback progress controls, Volume On / Off / Up / Down controls and indication of how much of the audio is preloaded (buffered). The minified version of the plugin is just 4KB large small.
Usage: Add the audio element, set the attributes you need and add source(s). The more different sources you add, the more users will be able to listen to your audio (because none of the audio formats are supported across all browsers). The final step – calling the plugin (by including jQuery and the plugin files in the document if that hasn't been done previously) on the audio element. The plugin has some optional parameters; the most important one is called `classPrefix`.
jQuery pluginHTML5 audioresponsive playertouch friendlycustom CSSplayback controlsvolume controlsFlash free
Screenshots

Deployment
静态文件引入(jQuery 插件)
适用于普通网页中手动加入 <audio> 元素,并通过引入 jQuery、audioplayer.js 或 audioplayer.min.js 后调用 $('audio').audioPlayer() 来启用播放器。
Details
Type Open-source software
License MIT
Last verified 2026-07-18
Ad slot 300 × 250 Ad
About the data
Stars / commit times sync automatically from the GitHub API; pricing and features are human-verified.