youtu.be形式のリンクにも対応

takusea · Oct 22, 2024 · 1e7e252 · 1e7e252
1 parent f0136d0
commit 1e7e252
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/features/video-metadata/VideoAddForm.tsx b/src/features/video-metadata/VideoAddForm.tsx
@@ -18,7 +18,7 @@ export function VideoAddForm(props: Props) {
 
 	const handleClick = () => {
 		let metadata: VideoMetadata;
-		if (url.includes("youtube")) {
+		if (url.includes("youtu")) {
 			metadata = parseUrlToYouTubeMetadata(url);
 		} else if (url.includes("twitch")) {
 			metadata = parseUrlToTwitchMetadata(url);

diff --git a/src/features/video-metadata/parseUrl.ts b/src/features/video-metadata/parseUrl.ts
@@ -1,10 +1,18 @@
 import { parseTimeToSeconds } from "../../util/timeFormatter";
 import type { VideoMetadata } from "./type";
 
+function normalizeYouTubeUrl(url: string) {
+	if (url.includes("youtu.be")) {
+		return url.replace("?", "&").replace("youtu.be/", "youtube.com/watch?v=");
+	}
+	if (url.includes("live")) {
+		return url.replace("?", "&").replace("live/", "watch?v=");
+	}
+	return url;
+}
+
 export function parseUrlToYouTubeMetadata(url: string): VideoMetadata {
-	const query = url.includes("live")
-		? url.replace("?", "&").replace("live/", "watch?v=").split("?")[1]
-		: url.split("?")[1];
+	const query = normalizeYouTubeUrl(url).split("?")[1];
 	const params = new URLSearchParams(query);
 
 	const id = params.get("v");