YouTube Thumbnail & QR Code

\n \n

\n \n \n\n`,\n {\n headers: { \"Content-Type\": \"text/html\" },\n }\n );\n }\n\n // Extract video ID from YouTube URL\n const videoId = extractYouTubeVideoId(youtubeUrl);\n \n if (!videoId) {\n return new Response(\n `\n\n\n \n \n Error\n \n\n\n

Invalid YouTube URL

Please provide a valid YouTube video URL.

\n ← Go Back\n

\n\n`,\n {\n status: 400,\n headers: { \"Content-Type\": \"text/html\" },\n }\n );\n }\n\n // Fetch video title using YouTube oEmbed API\n let videoTitle = \"YouTube Video\";\n try {\n const oembedUrl = `https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${videoId}&format=json`;\n const response = await fetch(oembedUrl);\n if (response.ok) {\n const data = await response.json();\n videoTitle = data.title || videoTitle;\n }\n } catch (error) {\n console.error(\"Failed to fetch video title:\", error);\n }\n\n // Generate thumbnail URL (using maxresdefault for highest quality)\n const thumbnailUrl = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;\n const videoUrl = `https://youtube.com/v/${videoId}`;\n \n // Generate QR code using a free API (smaller size now: 200x200)\n const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(videoUrl)}`;\n\n return new Response(\n `\n\n\n \n \n YouTube Thumbnail & QR Code\n \n\n\n

\n ← New Search\n\n
\n \n

\n $\"YouTube$ \n\n

\n \n

${escapeHtml(videoTitle)}

\n

\n $\"QR$ \n

\n\n`,\n {\n headers: { \"Content-Type\": \"text/html\" },\n }\n );\n}\n\nfunction extractYouTubeVideoId(url: string): string | null {\n try {\n const urlObj = new URL(url);\n \n // Handle youtube.com/watch?v=VIDEO_ID\n if (urlObj.hostname.includes('youtube.com')) {\n const videoId = urlObj.searchParams.get('v');\n if (videoId) return videoId;\n }\n \n // Handle youtu.be/VIDEO_ID\n if (urlObj.hostname === 'youtu.be') {\n const videoId = urlObj.pathname.slice(1);\n if (videoId) return videoId;\n }\n \n // Handle youtube.com/embed/VIDEO_ID\n if (urlObj.pathname.startsWith('/embed/')) {\n const videoId = urlObj.pathname.split('/')[2];\n if (videoId) return videoId;\n }\n \n return null;\n } catch {\n return null;\n }\n}\n\nfunction escapeHtml(text: string): string {\n const map: Record = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": '''\n };\n return text.replace(/[&<>\"']/g, (m) => map[m]);\n}","deleted","label",[100],"permalink","https://www.val.town/x/dupontgu/Youtube-QR/code/main.ts","extension","actionData","errors"]