@corti/起诉-web
Corti Translacy API上用于实时,单口语拼音的Web组件.
- 全能无相:
<corti-dictation>——记录按钮,设置,键盘快捷键和主题 - 模块 :
<dictation-root>加号<dictation-recording-button>, (中文(简体) ),<dictation-settings-menu>,并选择自定义布局
说明: OAuth 2.0 认证不由此库处理 。 客户端在使用组件时必须提供授权令牌或令牌刷新功能.
用于多语种环境流, 使用 校对:soup 换句话说.
安装
npm i @corti/dictation-web
# yarn add @corti/dictation-web
# pnpm add @corti/dictation-web
import "@corti/dictation-web";
// or: import { CortiDictation } from "@corti/dictation-web";
CDN( 只快速尝试) :
<script type="module" src="https://cdn.jsdelivr.net/npm/@corti/dictation-web/dist/bundle.js"></script>
快开始
<corti-dictation id="dictation"></corti-dictation>
<textarea id="transcript" placeholder="Transcript will appear here..."></textarea>
<script type="module">
import "@corti/dictation-web";
const dictationEl = document.getElementById("dictation");
const transcriptEl = document.getElementById("transcript");
dictationEl.addEventListener("ready", () => {
dictationEl.accessToken = "<your-access-token>";
});
dictationEl.addEventListener("transcript", (e) => {
if (e.detail.data.isFinal) {
transcriptEl.value += `${e.detail.data.text} `;
}
});
</script>
模块布局
<dictation-root id="dictationRoot">
<dictation-recording-button></dictation-recording-button>
<dictation-settings-menu settingsEnabled="device,language,keybinding"></dictation-settings-menu>
</dictation-root>
<script type="module">
import "@corti/dictation-web";
const root = document.getElementById("dictationRoot");
root.addEventListener("ready", () => {
root.accessToken = "<your-access-token>";
});
</script>
模块组件需要 <dictation-root> 作为父母。 他们通过Lit语境分享状态.
| 构成部分 | 作用 |
|---|---|
<dictation-root> | 上下文提供者(自动、配置、设备、密钥绑定) |
<dictation-recording-button> | 启动/ 停止音频可视化 |
<dictation-settings-menu> | 设备、语言和密钥绑定 UI |
<dictation-device-selector> | 设备滴入 |
<dictation-language-selector> | 语言下降 |
<dictation-keybinding-selector> | 推到对讲 / 切到对讲键 |
密钥绑定
默认 : 输入 (笑声) (笑声), 空间 (呼为口. 关键名称( E)event.key)和代码(event.code) 得到支持。 在输入焦点时忽略快捷键 。 如果两个模式都使用相同的密钥,则切换到对讲机获胜.
配置于 <corti-dictation> 或者说 <dictation-root>数字 :
<corti-dictation toggleToTalkKeybinding="`" pushToTalkKeybinding="Space"></corti-dictation>