跳到主要内容
版本:v7

@capacitor/screen-reader

Screen Reader API 提供了对 TalkBack/VoiceOver 等的访问,并为视觉无障碍提供简单的文本转语音功能。

安装

npm install @capacitor/screen-reader@latest-7
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 上,浏览器必须支持 SpeechSynthesis API, 否则此方法将抛出错误。

有关更多文本转语音功能,请参阅 Capacitor Community Text-to-Speech 插件

参数类型
options
SpeakOptions

自从: 1.0.0


addListener('stateChange', ...)

addListener(eventName: 'stateChange', listener: StateChangeListener) => Promise<PluginListenerHandle>

添加一个监听器,用于监听屏幕朗读器开启或关闭的事件。

此事件以前命名为 'accessibilityScreenReaderStateChange'

此方法在 Web 上不受支持(无法检测屏幕朗读器)。

参数类型
eventName'stateChange'
listener
StateChangeListener

返回:

Promise<PluginListenerHandle>

自从: 1.0.0


removeAllListeners()

removeAllListeners() => Promise<void>

移除所有附加到此插件的监听器。

自从: 1.0.0


接口

SpeakOptions

属性类型描述自从
valuestring要朗读的文本。1.0.0
languagestring朗读文本所使用的语言,以其 ISO 639-1 代码 表示(例如:"en")。此选项仅在 Android 上受支持。1.0.0

PluginListenerHandle

属性类型
remove() => Promise<void>

ScreenReaderState

属性类型描述自从
valueboolean屏幕朗读器当前是否处于活动状态。1.0.0

类型别名

StateChangeListener

(state: ScreenReaderState): void