From 701798acaeb28f657bd1420d06253d350eb41b96 Mon Sep 17 00:00:00 2001 From: Factiven Date: Tue, 12 Sep 2023 21:45:30 +0700 Subject: initial v4 commit --- components/id-components/player/Artplayer.js | 59 ---------------------------- 1 file changed, 59 deletions(-) delete mode 100644 components/id-components/player/Artplayer.js (limited to 'components/id-components/player/Artplayer.js') diff --git a/components/id-components/player/Artplayer.js b/components/id-components/player/Artplayer.js deleted file mode 100644 index e209433..0000000 --- a/components/id-components/player/Artplayer.js +++ /dev/null @@ -1,59 +0,0 @@ -import { useEffect, useRef } from "react"; -import Artplayer from "artplayer"; - -export default function Player({ option, res, getInstance, ...rest }) { - const artRef = useRef(); - - useEffect(() => { - const art = new Artplayer({ - ...option, - container: artRef.current, - fullscreen: true, - hotkey: true, - lock: true, - setting: true, - playbackRate: true, - autoOrientation: true, - pip: true, - theme: "#f97316", - controls: [ - { - name: "fast-rewind", - position: "right", - html: '', - tooltip: "Backward 5s", - click: function () { - art.backward = 5; - }, - }, - { - name: "fast-forward", - position: "right", - html: '', - tooltip: "Forward 5s", - click: function () { - art.forward = 5; - }, - }, - ], - }); - - art.events.proxy(document, "keydown", (event) => { - if (event.key === "f" || event.key === "F") { - art.fullscreen = !art.fullscreen; - } - }); - - if (getInstance && typeof getInstance === "function") { - getInstance(art); - } - - return () => { - if (art && art.destroy) { - art.destroy(false); - } - }; - }, []); - - return
; -} -- cgit v1.2.3