bhanditz / aplayer

:lollipop: Wow, such a beautiful HTML5 music player

APlayer

Wow, such a lovely HTML5 music player

Introduction

APlayer is a lovely HTML5 music player to help people build audio easily.

APlayer supports:

• Media formats
  • MP4 H.264 (AAC or MP3)
  • WAVE PCM
  • Ogg Theora Vorbis
• Features
  • Playlist
  • Lyrics

Using APlayer on your project? Let me know!

Demo

Docs

Install

$ npm install aplayer --save

Quick Start

<div id="aplayer1" class="aplayer"></div>
<script src="dist/APlayer.min.js"></script>

var ap = new APlayer({
    element: document.getElementById('aplayer1'),
    music: {
        title: 'Preparation',
        author: 'Hans Zimmer/Richard Harvey',
        url: 'Preparation.mp3',
    }
});

Usage

Read the Docs

Join the Discussion

• Telegram Group
• QQ Group: 415835947

Related Projects

• APlayer-Typecho-Plugin
• hexo-tag-aplayer
• 163music-APlayer-you-get-docker
• Hermit-X(APlayer for WordPress)
• vue-aplayer
• APlayer_for_Z-BlogPHP
• php-aplayer
• react-aplayer
• vue-aplayer
• APlayer-Controler
• APlayerHandle
• MetingJS
• Feel free to submit yours in Let me know!

Who use APlayer?

• Anotherhome
• 站长之家
• TheFatRat
• Jelly Rue
• LWL的自由天空
• 萨摩公园
• ZGQ's Blog
• FGHRSH 的博客
• Blessing Studio
• 暮光博客
• Justice_Eternal吧曲谱资源站
• Justice_Eternal吧曲谱资源站(移动端)
• 歌词千寻
• SORA
• iSearch
• LRC歌词编辑器
• kn007的个人博客
• LLSupport
• Аэростатика
• Feel free to submit yours in Let me know!

CDN

• jsDelivr
• cdnjs
• unpkg
• RawGit

Donate

• Donate via Paypal
• Donate via WeChat Pay
• Donate via Alipay
• Donate via Bitcoin: 13CwQLHzPYm2tewNMSJBeArbbRM5NSmCD1

Sponsor

• The CDN service is sponsored by 又拍云

• Donate via OpenCollective

  

Author

APlayer © DIYgod, Released under the MIT License.
Authored and maintained by DIYgod with help from contributors (list).

Blog · GitHub @DIYgod · Twitter @DIYgod · Telegram Channel @awesomeDIYgod