APlayer - Ex

The APlayer updated by Eling486

New Mode(s)

fixedBar mode - 吸底播放栏模式

APlayer can be fixed to page bottom via fixedBar mode, fixedBar mode is very different from fixed mode, enjoy it!

APlayer 可以通过吸底播放栏模式固定在页面底部，并且这种模式跟吸底模式有很大不同。

screenshot:

const ap = new APlayer({
    container: document.getElementById('player'),
    fixedBar: true,
    audio: [{
        name: 'name',
        artist: 'artist',
        url: 'url.mp3',
        cover: 'cover.jpg',
    }]
});

New Function

defaultTitle & defaultCover - 默认封面&标题

You can set the default title & cover now.

你现在可以设置默认的封面及标题了！

such as:

const ap = new APlayer({
    container: document.getElementById('player'),
    defaultTitle: 'Your Title',
    defaultCover: 'Your Image',
});

storeList - 保存播放列表到localStorage

Setting storeList to save your play list to localStorage.

ONLY recommended in the fixedBar mode!

It is recommended to set storagename at the same time to avoid conflicts with other APlayers.

设置storeList参数为true来让播放器保存播放列表到localStorage

只在fixedBar（吸底播放栏）模式下推荐使用（因为其他模式下没有清空播放列表按钮）

推荐同时设置storageName来避免与其他播放器冲突

const ap = new APlayer({
    container: document.getElementById('player'),
    fixedBar: true,
    storageName: 'my-aplayer',
    storeList: true,
    audio: [{
        name: 'name',
        artist: 'artist',
        url: 'url.mp3',
        cover: 'cover.jpg',
    }]
});

---

Original APlayer

APlayer

Wow, such a lovely HTML5 music player

Introduction

APlayer is a lovely HTML5 music player.

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!

Docs

中文文档

Join the Discussion

• Telegram Group
• QQ Group: 415835947

Related Projects

Plugins

• APlayer-Typecho-Plugin: Typecho
• hexo-tag-aplayer: Hexo
• Hermit-X(APlayer for WordPress): WordPress
• APlayerHandle: WordPress
• APlayer_for_Z-BlogPHP: Z-BlogPHP
• react-aplayer: React
• Vue-APlayer: Vue
• vue-aplayer: Vue
• php-aplayer: PHP

Tooling

• APlayer-Controler: controling tool
• MetingJS: work with Meting music API
• Feel free to submit yours in Let me know!

Who use APlayer?

• bilibili: 国内知名的视频弹幕网站
• 黑客派: 程序员和设计师的聚集地，一个活跃的小众社区
• 浙江大学 CC98 论坛: 浙江大学校网内规模最大的论坛，中国各大学中较活跃的 BBS 之一
• Jelly Rue: Jelly Rue, an indie pop-rock band from Tartu.
• Opus: An artist-exploration data visualization application
• 站长之家: 针对中文站点提供资讯、技术、资源、服务
• LLSupport: This site provides a lot of information about LoveLive
• 歌词千寻: 每日更新的 LRC 歌词网站
• iSearch: 一个提供 iTunes 搜索,试听,高清专辑封面获取,查看最新音乐动态等综合性平台
• LRC 歌词编辑器: 一款非常实用的在线 LRC 歌词编辑器
• Аэростатика
• HealthDig: 每天只需两分钟的重点新闻资讯
• Feel free to submit yours in Let me know!

Current Premium Sponsors

Special Sponsors

OpenCollective backers

Contributors

This project exists thanks to all the people who contribute.

Donate

APlayer is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing.

One-time Donations

We accept donations through these channels:

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

Recurring Pledges

Recurring pledges come with exclusive perks, e.g. having your name or your company logo listed in the APlayer GitHub repository and this website.

• Become a backer or sponsor via OpenCollective
• E-mail us: i#html.love

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