@capacitor/screen-reader
Screen Reader API 提供对 TalkBack/VoiceOver 等的访问,并为视觉无障碍提供简单的文本转语音功能。
安装
npm install @capacitor/screen-reader
npx cap sync
示例
import { ScreenReader } from '@capacitor/screen-reader';
ScreenReader.addListener('screenReaderStateChange', ({ value }) => {
console.log(`Screen reader is now ${value ? 'on' : 'off'}`);
});
const checkScreenReaderEnabled = async () => {
const { value } = await ScreenReader.isEnabled();
console.log('Voice over enabled? ' + value);
};
const sayHello = async () => {
await ScreenReader.speak({ value: 'Hello World!' });
};
API
isEnabled()
isEnabled() => Promise<{ value: boolean; }>
屏幕阅读器当前是否处于活动状态。
此方法在 Web 上不受支持(无法检测屏幕阅读器)。
返回: Promise<{ value: boolean; }>
始于: 1.0.0
speak(...)
speak(options: SpeakOptions) => Promise<void>
文本转语音功能。
此功能仅在屏幕阅读器当前处于活动状态时有效。
在 Web 上,浏览器必须支持 SpeechSynthesis API,否则此方法将抛出错误。
有关更多文本转语音功能,请参阅 Capacitor Community Text-to-Speech 插件。
| 参数 | Type |
|---|---|
options | |
始于: 1.0.0
addListener('stateChange', ...)
addListener(eventName: 'stateChange', listener: StateChangeListener) => Promise<PluginListenerHandle> & PluginListenerHandle
添加屏幕阅读器打开或关闭时的监听器。
此事件过去名为 'accessibilityScreenReaderStateChange'。
此方法在 Web 上不受支持(无法检测屏幕阅读器)。
| 参数 | Type |
|---|---|
eventName | 'stateChange' |
listener | |
返回:
Promise<PluginListenerHandle> & PluginListenerHandle
始于: 1.0.0
removeAllListeners()
removeAllListeners() => Promise<void>
移除附加到此插件的所有监听器。
始于: 1.0.0
接口
SpeakOptions
| 属性 | Type | 描述 | 始于 |
|---|---|---|---|
value | string | 要朗读的文本。 | 1.0.0 |
language | string | 朗读文本时使用的语言,使用其 ISO 639-1 代码(例如:"en")。此选项仅在 Android 上受支持。 | 1.0.0 |
PluginListenerHandle
| 属性 | Type |
|---|---|
remove | () => Promise<void> |
ScreenReaderState
| 属性 | Type | 描述 | 始于 |
|---|---|---|---|
value | boolean | 屏幕阅读器当前是否处于活动状态。 | 1.0.0 |
类型别名
StateChangeListener
(state: ScreenReaderState): void