Japanese to Hindi Subtitle Translator

🚨 Oops! Something went wrong.

Please try reloading the page or check your internet connection.

\n );\n }\n\n return <>{children};\n}\n\nfunction VideoTranslatorApp() {\n const [videoUrl, setVideoUrl] = useState(\"https://youtu.be/SRa3c5_PajA\");\n const [translatedSubtitles, setTranslatedSubtitles] = useState([]);\n const [originalSubtitles, setOriginalSubtitles] = useState([]);\n const [sourceLanguage, setSourceLanguage] = useState<\"ja\" | \"en\">(\"ja\");\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const handleTranslate = async () => {\n if (!videoUrl) {\n setError(\"Please enter a valid video URL\");\n return;\n }\n\n const { type, id } = extractVideoInfo(videoUrl);\n if (!id) {\n setError(\"Invalid video URL. Please provide a valid YouTube or Vimeo link.\");\n return;\n }\n\n setIsLoading(true);\n setError(null);\n\n try {\n const { subtitles, language } = await fetchSubtitles(videoUrl);\n setSourceLanguage(language);\n setOriginalSubtitles(subtitles);\n\n const translated = await translateSubtitles(subtitles, language);\n setTranslatedSubtitles(translated);\n } catch (err) {\n console.error(\"Translation error:\", err);\n setError(\"Translation failed. Using default translations.\");\n setTranslatedSubtitles(originalSubtitles);\n } finally {\n setIsLoading(false);\n }\n };\n\n const downloadSubtitles = (type: \"translated\" | \"original\") => {\n const subtitlesToDownload = type === \"translated\" ? translatedSubtitles : originalSubtitles;\n const subtitlesText = subtitlesToDownload.join(\"\\n\\n\");\n const blob = new Blob([subtitlesText], { type: \"text/plain\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = `${type}_subtitles.txt`;\n link.click();\n };\n\n // Trigger translation on initial load\n useEffect(() => {\n handleTranslate();\n }, []);\n\n return (\n \n \n \n \n 🎬 Japanese to Hindi Video Subtitle Translator\n \n\n

\n setVideoUrl(e.target.value)}\n placeholder=\"Enter YouTube or Vimeo Video URL\"\n style={{\n flex: 1,\n padding: \"10px\",\n fontSize: \"16px\",\n borderRadius: \"5px\",\n border: \"1px solid #ddd\",\n }}\n />\n\n \n {isLoading ? \"Translating...\" : \"Translate Subtitles\"}\n \n

\n\n {error && (\n \n {error}\n \n )}\n\n {originalSubtitles.length > 0 && (\n \n \n

\n {sourceLanguage === \"ja\" ? \"🇯🇵 Original Japanese Subtitles\" : \"🇬🇧 Original English Subtitles\"}\n

\n downloadSubtitles(\"original\")}\n style={{\n backgroundColor: \"#2196F3\",\n color: \"white\",\n border: \"none\",\n padding: \"5px 10px\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Download\n \n \n {originalSubtitles.map((subtitle, index) => (\n

{subtitle}

\n ))}\n \n )}\n\n {translatedSubtitles.length > 0 && (\n \n \n

🇮🇳 Translated Hindi Subtitles

\n downloadSubtitles(\"translated\")}\n style={{\n backgroundColor: \"#FF9800\",\n color: \"white\",\n border: \"none\",\n padding: \"5px 10px\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Download\n \n \n {translatedSubtitles.map((subtitle, index) => (\n

{subtitle}

\n ))}\n \n )}\n\n \n 🚨 Note: Subtitle translation is AI-powered and may not be 100% accurate.\n
\n Supports Japanese and English to Hindi translation\n
\n \n View Source Code\n \n

\n \n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n return new Response(\n `\n \n \n Japanese to Hindi Subtitle Translator\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label","children",[],[154],"files",[152],"counts",{"_175":32,"_176":177,"_178":32,"_179":180},"pulls","branches",1,"forks","envVars",{"_181":32,"_182":32},"count","emptyCount","contents",[185],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":139,"_159":117,"_105":186,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_99":187},["D",1739699534586],[154],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":197,"_183":202,"_205":-7,"_206":-5,"_207":-5,"_171":208,"_212":209,"_213":-5,"_214":-5,"_215":22,"_216":22},{"_103":104,"_96":97,"_105":198,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":126,"_130":123,"_23":199,"_134":200,"_137":201,"_149":22},["D",1746279233326],{"_94":95,"_132":133},{"_94":95,"_136":133,"_14":113},{"_100":139,"_96":44,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":97,"_148":95},[203],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":139,"_159":117,"_105":186,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_99":204},[154],"readme","upstream","pull",[209],{"_103":153,"_96":154,"_155":115,"_156":-5,"_157":140,"_158":139,"_159":117,"_105":160,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_168":210,"_99":211},[],[154],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

GAURAV0182

autoSubtitleApp