From 70fda74d27d9b55c9030932794daa25c1e6cf50d Mon Sep 17 00:00:00 2001 From: Factiven Date: Fri, 14 Apr 2023 00:14:12 +0700 Subject: Update 6th --- pages/lib/Artplayer.js | 54 -------------------------------------------------- 1 file changed, 54 deletions(-) delete mode 100644 pages/lib/Artplayer.js (limited to 'pages/lib/Artplayer.js') diff --git a/pages/lib/Artplayer.js b/pages/lib/Artplayer.js deleted file mode 100644 index 49806ed..0000000 --- a/pages/lib/Artplayer.js +++ /dev/null @@ -1,54 +0,0 @@ -import { useEffect, useRef } from "react"; -import Artplayer from "artplayer"; -import Hls from "hls.js"; - -export default function Player({ option, getInstance, ...rest }) { - const artRef = useRef(); - function playM3u8(video, url, art) { - if (Hls.isSupported()) { - const hls = new Hls(); - hls.loadSource(url); - hls.attachMedia(video); - - // optional - art.hls = hls; - art.once("url", () => hls.destroy()); - art.once("destroy", () => hls.destroy()); - } else if (video.canPlayType("application/vnd.apple.mpegurl")) { - video.src = url; - } else { - art.notice.show = "Unsupported playback format: m3u8"; - } - } - - useEffect(() => { - const art = new Artplayer({ - ...option, - container: artRef.current, - customType: { - m3u8: playM3u8, - }, - fullscreen: true, - fullscreenWeb: true, - hotkey: true, - lock: true, - autoOrientation: true, - theme: "#f97316", - icons: { - state: "", - }, - }); - - if (getInstance && typeof getInstance === "function") { - getInstance(art); - } - - return () => { - if (art && art.destroy) { - art.destroy(false); - } - }; - }, []); - - return
; -} -- cgit v1.2.3