Introduction

Add floating music player (Aplayer) with Argon theme which can paly music locally.

Usage

Find path Dashboard -> Argon Options -> Script -> Header

Put below code to there, then save. Replace with your music url.

Code

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js">
</script>
<div id="aplayer">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css.map">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js.map">
</script>
<script>
const ap = new APlayer({
    container: document.getElementById('aplayer'),
    fixed: true,
    audio: [
    {
        name: 'Name',
        artist: 'Artist',
        url: 'http://xxx.com/xxx.mp3',
        cover: 'image.png',
    },
    {
        name: 'Name',
        artist: 'Artist',
        url: 'http://xxx.com/xxx.mp3',
        cover: 'image.png',
    }
    ]
});
</script>

Ref

1. https://aplayer.js.org/#/home