...

2025-09-30 17:12:14 +08:00
parent 766694c1a3
commit d22979eae2
5 changed files with 145 additions and 0 deletions
--- a/src/app/api/ipa/route.ts
+++ b/src/app/api/ipa/route.ts
@@ -0,0 +1,14 @@
+import { getIPA } from "@/utils";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(request: NextRequest) {
+    const searchParams = request.nextUrl.searchParams;
+
+    const text = searchParams.get('text');
+    if (!text) return NextResponse.json({ 'error': 400 }, { status: 400 });
+
+    const r = await getIPA(text);
+    if (r === null) return NextResponse.json({ 'error': 424 }, { status: 424 });
+
+    return NextResponse.json({ r }, { status: 200 });
+}
--- a/src/app/api/route.ts
+++ b/src/app/api/route.ts
@@ -0,0 +1,9 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(request: NextRequest) {
+  const url = request.url;
+  return NextResponse.json({
+    message: "Hello World",
+    url: url
+  }, { status: 200 });
+}
--- a/src/app/ipa-reader/layout.tsx
+++ b/src/app/ipa-reader/layout.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "IPA Reader",
+  description: "read ipa aloud",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
--- a/src/app/ipa-reader/page.tsx
+++ b/src/app/ipa-reader/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import Button from "@/components/Button";
+import { getIPA, urlGoto } from "@/utils";
+import { useRef, useState } from "react";
+
+export default function Home() {
+  const respref = useRef<HTMLParagraphElement>(null);
+  const inputref = useRef<HTMLTextAreaElement>(null);
+  const [ipa_result, set_ipa_result] = useState<{ lang: string, ipa: string } | null>(null);
+
+  const generateIPA = () => {
+    const text = inputref.current!.value.trim();
+    if (text.length === 0) return;
+    getIPA(text).then((result: { lang: string, ipa: string } | null) => {
+      set_ipa_result(result);
+    });
+  }
+  const readIPA = () => {
+    const text = inputref.current!.value.trim();
+    if (text.length === 0) return;
+    // urlGoto(`https://fanyi.baidu.com/gettts?lan=uk&text=${text}&spd=3`);
+    respref.current!.innerText = '暂不支持朗读';
+  }
+  return (
+    <div className="flex w-screen justify-center">
+      <div className="mt-8 bg-gray-100 shadow-xl rounded-xl p-4 flex items-center flex-col">
+        <h1 className="text-5xl mb-4">IPA Reader</h1>
+        <div className="flex flex-row">
+          <textarea ref={inputref}
+            placeholder="输入任意语言的文本"
+            className="h-8 w-128 border-gray-300 border rounded focus:outline-blue-400 focus:outline-2">
+          </textarea>
+        </div>
+        <div className="m-2 flex-row flex gap-2">
+          <Button onClick={generateIPA} label="生成IPA"></Button>
+          <Button onClick={readIPA} label="朗读"></Button>
+        </div>
+        <div ref={respref} className="whitespace-pre-line">
+          语言：{ipa_result?.lang}{'\n'}
+          IPA：{ipa_result?.ipa}
+        </div>
+      </div>
+    </div>
+  );
+}
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -0,0 +1,43 @@
+import { GoogleGenAI } from "@google/genai";
+
+export function inspect(word: string) {
+    const goto = (url: string) => {
+        window.open(url, '_blank');
+    }
+    return () => {
+        word = word.toLowerCase();
+        goto(`https://www.youdao.com/result?word=${word}&lang=en`);
+    }
+}
+
+export function urlGoto(url: string) {
+    window.open(url, '_blank');
+}
+
+const ai = new GoogleGenAI({});
+const prompt = `[TEXT]
+请推断以上文本的语言，并返回其宽式国际音标(IPA)，以JSON格式
+如：
+{
+"lang": "german",
+"ipa": "[ˈɡuːtn̩ ˈtaːk]"
+}
+注意：直接返回json文本，
+不要带markdown记号，
+ipa一定要加[]，
+lang的值是小写英语的语言名称`;
+export async function getIPA(text: string) {
+    const response = await ai.models.generateContent({
+        model: "gemini-2.5-flash",
+        contents: prompt.replace("[TEXT]", text),
+    });
+    if (response.text === undefined) return null;
+    return JSON.parse(response.text);
+}
+
+export async function ggetIPA(text: string): Promise<{ lang: string, ipa: string } | null> {
+    return {
+        lang: `(这是的${text}的lang)`,
+        ipa: `(这是的${text}的ipa)`
+    };
+}