描述
VoiceDropper connects your WordPress site to a VoiceDropper project.
After entering your project client key, use VoiceDropper HTML tags inside a WordPress Custom HTML block to embed a published speech or enable Auto Mode for an element on the page.
Published speech:
<voicedropper data-speech="YOUR_SPEECH_ID"></voicedropper>
Auto Mode:
<voicedropper data-mode="auto" data-content-target="#article"></voicedropper>
A VoiceDropper account and project client key are required. Create an account at voicedropper.felixg.io.
External services
This plugin connects to the VoiceDropper service to load the audio player and generate or retrieve audio requested through the configured VoiceDropper project.
When the client key is configured, the plugin loads a JavaScript library from https://voicedropper.felixg.io/plugin/{CLIENT_KEY} in the public website header. The library may send the page URL, configured content target, text content, speech ID, and technical request information to VoiceDropper as required to provide the audio service.
This service is provided by VoiceDropper:
Privacy
VoiceDropper does not send data to the external service until a site administrator configures a project client key.
After configuration, the VoiceDropper embed library is loaded on public pages. Depending on the HTML tags placed on a page, the service may process the page URL, selected text content, speech ID, configured content target, and technical request information to provide audio playback or Auto Mode.
Site administrators should review the VoiceDropper privacy policy and update their website privacy notice as appropriate.
屏幕截图
安装
- Upload the
voicedropperfolder to/wp-content/plugins/, or install the ZIP from the WordPress Plugins screen. - Activate VoiceDropper.
- Open the new VoiceDropper menu in WordPress.
- Paste the client key from your VoiceDropper project and save.
- After setup, copy a VoiceDropper tag from the installation screen into a WordPress Custom HTML block.
To update the connected project later, use the Change button beside the connected client key.
常见问题
-
Where do I find my client key?
-
Sign in to VoiceDropper, open your project, and copy its client key from the installation flow.
-
How do I embed a published speech?
-
Use
<voicedropper data-speech="YOUR_SPEECH_ID"></voicedropper>, replacingYOUR_SPEECH_IDwith the published speech ID. -
How do I use Auto Mode?
-
Use
<voicedropper data-mode="auto" data-content-target="#article"></voicedropper>, replacing#articlewith the CSS selector of the content VoiceDropper should read. -
Does the plugin load VoiceDropper on every page?
-
Yes. After a client key is configured, the VoiceDropper embed library is loaded in the header of every public page so that players and Auto Mode can work anywhere on the site.
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.0
- Initial release.
- Added project client key settings.
- Added speech and Auto Mode HTML integration examples.