@capacitor/screen-reader
Screen Reader API 提供了对 TalkBack/VoiceOver 等屏幕阅读功能的访问,并为视觉无障碍场景提供简单的文本转语音功能。
安装
npm install @capacitor/screen-reader
npx cap sync
示例
import { ScreenReader } from '@capacitor/screen-reader';
ScreenReader.addListener('stateChange', ({ value }) => {
console.log(`屏幕阅读器当前${value ? '已开启' : '已关闭'}`);
});
const checkScreenReaderEnabled = async () => {
const { value } = await ScreenReader.isEnabled();
console.log('语音朗读功能已启用?' + value);
};
const sayHello = async () => {
await ScreenReader.speak({ value: '你好世界!' });
};
API
isEnabled()
isEnabled() => Promise<{ value: boolean; }>
检查屏幕阅读器当前是否处于活动状态。
此方法在 Web 端不受支持(无法检测屏幕阅读器)。
返回值: Promise<{ value: boolean; }>
自版本: 1.0.0
speak(...)
speak(options: SpeakOptions) => Promise<void>
文本转语音功能。
此功能仅在屏幕阅读器处于活动状态时有效。
在 Web 端,浏览器必须支持 语音合成 API,否则此方法将抛出错误。
如需更多文本转语音功能,请参阅 Capacitor 社区文本转语音插件。
参数 | 类型 |
---|---|
options |
|
自版本: 1.0.0
addListener('stateChange', ...)
addListener(eventName: 'stateChange', listener: StateChangeListener) => Promise<PluginListenerHandle>
添加屏幕阅读器开关状态变化的监听器。
此事件曾命名为 'accessibilityScreenReaderStateChange'
。
此方法在 Web 端不受支持(无法检测屏幕阅读器)。
参数 | 类型 |
---|---|
eventName | 'stateChange' |
listener |
|
返回值:
Promise<PluginListenerHandle>
自版本: 1.0.0
removeAllListeners()
removeAllListeners() => Promise<void>
移除附加到此插件的所有监听器。
自版本: 1.0.0
Interfaces
SpeakOptions
属性 | 类型 | 描述 | 自版本 |
---|---|---|---|
value | string | 要朗读的文本。 | 1.0.0 |
language | string | 朗读文本的语言,使用 ISO 639-1 代码(例如:"en")。此选项仅在 Android 平台上受支持。 | 1.0.0 |
PluginListenerHandle
属性 | 类型 |
---|---|
remove | () => Promise<void> |
ScreenReaderState
属性 | 类型 | 描述 | 自版本 |
---|---|---|---|
value | boolean | 屏幕阅读器当前是否处于活动状态。 | 1.0.0 |
Type Aliases
StateChangeListener
(state: ScreenReaderState): void