diff options
| author | Factiven <[email protected]> | 2023-09-12 21:45:30 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-09-12 21:45:30 +0700 |
| commit | 701798acaeb28f657bd1420d06253d350eb41b96 (patch) | |
| tree | 6df53eb6c7ae07c5af21bcd6d3a0078b1d196d13 /lib/Artplayer.js | |
| parent | Create build-test.yml (diff) | |
| download | moopa-701798acaeb28f657bd1420d06253d350eb41b96.tar.xz moopa-701798acaeb28f657bd1420d06253d350eb41b96.zip | |
initial v4 commit
Diffstat (limited to 'lib/Artplayer.js')
| -rw-r--r-- | lib/Artplayer.js | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/lib/Artplayer.js b/lib/Artplayer.js index 96afe2b..48da24d 100644 --- a/lib/Artplayer.js +++ b/lib/Artplayer.js @@ -14,10 +14,9 @@ export default function Player({ id, track, // socket - socket, - isPlay, - watchdata, - room, + // isPlay, + // watchdata, + // room, autoplay, setautoplay, ...rest @@ -59,18 +58,20 @@ export default function Player({ theme: "#f97316", controls: [ { + index: 10, name: "fast-rewind", - position: "right", - html: '<svg class="hi-solid hi-rewind inline-block w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M8.445 14.832A1 1 0 0010 14v-2.798l5.445 3.63A1 1 0 0017 14V6a1 1 0 00-1.555-.832L10 8.798V6a1 1 0 00-1.555-.832l-6 4a1 1 0 000 1.664l6 4z"/></svg>', + position: "left", + html: '<svg class="hi-solid hi-rewind inline-block w-7 h-7" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M8.445 14.832A1 1 0 0010 14v-2.798l5.445 3.63A1 1 0 0017 14V6a1 1 0 00-1.555-.832L10 8.798V6a1 1 0 00-1.555-.832l-6 4a1 1 0 000 1.664l6 4z"/></svg>', tooltip: "Backward 5s", click: function () { art.backward = 5; }, }, { + index: 11, name: "fast-forward", - position: "right", - html: '<svg class="hi-solid hi-fast-forward inline-block w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.555 5.168A1 1 0 003 6v8a1 1 0 001.555.832L10 11.202V14a1 1 0 001.555.832l6-4a1 1 0 000-1.664l-6-4A1 1 0 0010 6v2.798l-5.445-3.63z"/></svg>', + position: "left", + html: '<svg class="hi-solid hi-fast-forward inline-block w-7 h-7" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.555 5.168A1 1 0 003 6v8a1 1 0 001.555.832L10 11.202V14a1 1 0 001.555.832l6-4a1 1 0 000-1.664l-6-4A1 1 0 0010 6v2.798l-5.445-3.63z"/></svg>', tooltip: "Forward 5s", click: function () { art.forward = 5; @@ -79,7 +80,7 @@ export default function Player({ ], settings: [ { - html: "Autoplay", + html: "Autoplay Next", // icon: '<img width="22" heigth="22" src="/assets/img/state.svg">', tooltip: "ON/OFF", switch: localStorage.getItem("autoplay") === "true" ? true : false, |