Rewrite

src/entries/player/player.ts

@@ -0,0 +1,39 @@
+import { matches } from '~/lib/match';
+import Hls from 'hls.js';
+
+async function playNative(url: string, videoElem: HTMLVideoElement) {
+	videoElem.src = url;
+}
+
+async function playHls(url: string, videoElem: HTMLVideoElement) {
+	if (videoElem.canPlayType('application/vnd.apple.mpegurl')) {
+		videoElem.src = url;
+	} else if (Hls.isSupported()) {
+		const hls = new Hls({
+			enableWorker: false
+		});
+		hls.loadSource(url);
+		hls.attachMedia(videoElem);
+	} else {
+		throw 'Failed to play m3u8 video (hls is not supported). Try again or create a new issue <a href="https://github.com/ByteDream/stream-bypass/issues/new">here</a>';
+	}
+}
+
+export async function play(videoElem: HTMLVideoElement) {
+	const urlQuery = new URLSearchParams(window.location.search);
+	const id = urlQuery.get('id');
+	const url = decodeURIComponent(urlQuery.get('url'));
+	const domain = urlQuery.get('domain');
+
+	const match = matches[id];
+	if (match === undefined) {
+		throw `Invalid id: ${id}. Please report this <a href="https://github.com/ByteDream/stream-bypass/issues">here</a>`;
+	}
+	document.title = `Stream Bypass (${domain})`;
+
+	if (new URL(url).pathname.endsWith('.m3u8')) {
+		await playHls(url, videoElem);
+	} else {
+		await playNative(url, videoElem);
+	}
+}