SSML Utilities は、Speech Synthesis Markup Language (SSML) を扱うための包括的なツールキットです。このプロジェクトは、SSML の編集、ハイライト表示、および関連機能を提供し、開発者が SSML を効率的に操作できるようサポートします。
SSML Utilities は以下のパッケージを提供しています：
各パッケージは個別にインストールして使用することができます。
各パッケージを個別にインストールするには、以下のコマンドを使用します：
npm install @ssml-utilities/editor-react
npm install @ssml-utilities/highlighter
npm install @ssml-utilities/coreSSML Highlighter は、SSML テキストを構文ハイライトされた HTML に変換します。
import { ssmlHighlighter } from "@ssml-utilities/highlighter";
const ssml = "<speak>Hello <emphasis>world</emphasis>!</speak>";
const highlighted = ssmlHighlighter.highlight(ssml, {
classes: {
tag: "ssml-tag",
attribute: "ssml-attribute",
attributeValue: "ssml-attribute-value",
text: "ssml-text",
},
});
console.log(highlighted);SSML Editor for React は、SSML テキストを編集するための React コンポーネントを提供します。
import React from "react";
import { SSMLEditor } from "@ssml-utilities/editor";
function App() {
const [ssml, setSSML] = React.useState("<speak>Hello, world!</speak>");
return <SSMLEditor value={ssml} onChange={setSSML} highlightEnabled={true} />;
}各パッケージの README を参照してください：
このプロジェクトは MIT ライセンス の下で公開されています。
問題や質問がある場合は、GitHub の Issue トラッカーを使用してください。
SSML Utilities を使用していただきありがとうございます。このツールキットが SSML の操作をより簡単かつ効率的にすることを願っています。