lostecho/everyone-can-use-english
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ipa convert

Browse Source
This commit is contained in:
an-lee
2024-03-18 13:17:08 +08:00
parent de89ae73bf
commit 0f10f3d0e9
2 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
enjoy/src/constants.ts
View File

@@ -363,7 +363,7 @@ export const CONVERSATION_PRESETS = [
},
];
export const IPA_MAPPING = {
export const IPA_MAPPING: { [key: string]: string } = {
p: "p",
b: "b",
t: "t",

40
enjoy/src/renderer/components/medias/media-caption.tsx
View File

@@ -1,12 +1,7 @@
import { useEffect, useState, useContext } from "react";
import { MediaPlayerProviderContext } from "@renderer/context";
import cloneDeep from "lodash/cloneDeep";
import {
Button,
toast,
ScrollArea,
Separator,
} from "@renderer/components/ui";
import { Button, toast, ScrollArea, Separator } from "@renderer/components/ui";
import { t } from "i18next";
import { LanguagesIcon, SpeechIcon } from "lucide-react";
import { Timeline } from "echogarden/dist/utilities/Timeline.d.js";
@@ -356,7 +351,11 @@ export const MediaCaption = () => {
{displayIpa && (
<div className="text-muted-foreground">
{caption.timeline[index].timeline
.map((t) => t.timeline.map((s) => s.text).join(""))
.map((t) =>
t.timeline
.map((s) => IPA_MAPPING[s.text] || s.text)
.join("")
)
.join(" · ")}
</div>
)}
@@ -381,7 +380,11 @@ export const MediaCaption = () => {
{displayIpa && (
<div className="text-muted-foreground">
{w.timeline
.map((t) => t.timeline.map((s) => s.text).join(""))
.map((t) =>
t.timeline
.map((s) => IPA_MAPPING[s.text] || s.text)
.join("")
)
.join(" · ")}
</div>
)}
@@ -413,9 +416,24 @@ export const MediaCaption = () => {
{word.text}
</div>
<div className="text-sm text-serif text-muted-foreground">
{word.timeline
.map((t) => t.timeline.map((s) => s.text).join(""))
.join(" · ")}
<span className="mr-2">
/
{word.timeline
.map((t) =>
t.timeline
.map((s) => IPA_MAPPING[s.text] || s.text)
.join("")
)
.join(" · ")}
/,
</span>
<span>
/
{word.timeline
.map((t) => t.timeline.map((s) => s.text).join(""))
.join(" · ")}
/
</span>
</div>
</div>
);