spoken word下载 - spoken word字源代码下载

spoken word

Ai源码

1.0.1

下载

口语

将文本对语音（TTS）添加到内容中，具有播放控件，读取突出显示，多语言支持以及速率，音高和语音的设置。

贡献者： Westonruter
标签： TTS，语音合成，文本到语音，音频，语音，读取
至少需要： 4.7
测试到： 4.9
稳定标签： 1.0.1
许可证：麻省理工学院
需要PHP： 5.4

描述

将文本对语音（TTS）添加到内容中，具有播放控件，读取突出显示，多语言支持以及速率，音高和语音的设置。

在用户浏览器中使用本地文本对语音引擎。直接与speechSynthesis浏览器API接口。零外部请求或依赖项。
说话时会选择/突出显示，以便您继续阅读。
跳过不应阅读的元素，包括脚注上标（ sup元素）。
添加不同长度的停顿是在标题与段落之间的。
在播放期间，控件仍在查看，每个当前文本都持续滚动到视图中。（需要浏览器支持position:sticky 。）
向后/向前的控件使您可以跳到下一段；当不说话时，将完全选择要阅读的下一段。
从此开始选择要阅读的文本；在语音期间单击文本以立即更改位置。
多语言支持，允许适当的语音使用具有[lang]属性的嵌入式文本（假设用户已安装了它）。
更改默认语音的设置（每种语言），以及语音及其音调速度的设置。（所有引擎都不支持。）可以在讲话时进行更改。
在播放期间打开逃生。
语音偏好持续存储在localStorage中，并且在Windows（给定站点的）上同步更改。
能够以独立方式使用JS（例如在书签中）。
已知可以在Chrome，Firefox和Safari的最新桌面版本中工作。（在OSX上进行了测试。）它在Android或iOS上的移动/触摸浏览器中无法可靠地工作，这显然是由于（仍在实验性的） speechSynthesis API在这些系统和/或程序化范围选择上的实现不够好，与桌面上的方法相同。由于这些原因，默认情况下，在移动操作系统上可以禁用该功能。

在具有一些测试内容的独立示例上尝试一下。

主题配置

口语的设置在HTML5 dialog元素中介绍。对于尚未支持此功能的浏览器，该插件将捆绑在对话框中。仅当检测到浏览器本身不支持dialog时，才包括多填充。可以通过将以下内容添加到您的主题或插件来禁用多填充：

 add_filter ( ' spoken_word_include_dialog_polyfill ' , ' __return_false ' );

对于具有粘头标头的主题（例如二十7个17中的导航菜单），您可能需要添加一些其他CSS，以确保粘性位置的播放控件不会隐藏在粘性标头后面。例如，在二十7个中，您可以将以下内容添加到Customizer中的自定义CSS：

 @media screen and ( min-width : 782 px ) {
	body : not (. admin-bar ) . spoken-word--active {
		top : calc ( 0.5 em + 70 px );
	}
	body . admin-bar . spoken-word--active {
		top : calc ( 0.5 em + 32 px + 70 px );
	}
}

内部

书签可以用来将口语功能加载到任何站点中，即使是未安装插件的非字母网站。关键是使用适当的contentSelector ：

 ( ( ) => {
	const link = document . createElement ( 'link' ) ;
	link . rel = 'stylesheet' ;
	link . href = 'https://unpkg.com/spoken-word/css/style.css' ;
	document . head . appendChild ( link ) ;

	const script = document . createElement ( 'script' ) ;
	script . src = 'https://unpkg.com/spoken-word/dist/spoken-word.js' ;
	script . addEventListener ( 'load' , ( ) => {
		spokenWord . initialize ( {
			contentSelector : [ /* ? Amend as desired. */
				'.hentry' ,
				'.entry-content' ,
				'.h-entry' ,
				'.e-content' ,
				'[itemprop="articleBody"]' ,
			] . join ( ', ' )
		} ) ;
	} ) ;
	document . head . appendChild ( script ) ;
} ) ( ) ;

spokenWord.initialize()函数以对象为参数，可以具有以下属性：

 * @param {string} contentsEtector -CSS选择器以找到语言的元素。
 * @param {element} rootElement-在其中寻找内容的根元素。
 * @param {object} chunkifyOptions-选项传递到块状。
 * @param {boolean} underashicons-是否使用dashicons。
 * @param {object} defaultusteranceOptions-当localStorage提供无提供时，默认的话语选项。

对话框和控件是使用预先反应进行的。有关此插件使用的所有模块的列表，请参见package.json。

该插件是在可以查看源的GitHub上开发的。请在那里报告问题。拉动请求欢迎。 spoken-word包装也在NPM上发布。