Jan 3rd, 2021
I’ve been working on a plugin that speaks content segments of a post or a page.
The plugin, ListenUp, provides three shortcodes:
- ListenUp will speak the text content enclosed between its opening and closing tags when that content is clicked.
- ListenUpExcerpt will provide a link that when clicked will fetch and speak the post excerpt.
- ListenUpImage will provide a link that when clicked will fetch and speak the description of an image.
- ListenUpCustom will provide a link that when clicked will speak the contents of a custom field.
This post provides examples of its use. I’ve published it so that my beta-testers, friends and others can see (and hear) it in operation before installing it on their WordPress websites. Eventually, I’ll add a story of how I developed the idea and put it into code.
Each instance below shows how the plugin is employed in the editor followed by the presentation. Clicking on the presentation will initiate speaking; clicking again will cancel speaking.
The last two examples show how to grab and speak arbitrary sections of speech stored as custom fields. This allows you to have spoken text without having that text appear in the post content.
Please note that this is experimental. Browser support for voice synthesis is not universal and may not work in older versions.
Send me an email if you’re interested in testing out ListenUp.
To experiment further with spoken text, check out my Voice Synthesis Playground. Comments and suggestions are welcome.
|[ListenUpExcerpt title=”info”]About this post[/ListenUpExcerpt]
About this post
|[ListenUpExcerpt speed=fast link=”Hear a quick Summary” class=”button”]
|[ListenUp voice=female pitch=”high” intro=”Happy New Year!”]<img … />[/ListenUp]
|[ListenUpImage title=”Hear description”]<img … />[/ListenUpImage]
|[ListenUp voice=Amelie lang=fr]Parlez vous Français?[/ListenUp]
Parlez vous Français?
|[ListenUp voice=Mei-Jia lang=zh]1, 2, 3, 4, 5, 6, 7, 8, 9, 10.[/ListenUp]
1, 2, 3, 4, 5, 6, 7, 8, 9, 10.
|[ListenUpCustom Name=”Quote 1″ voice=”female” speed=0.8]Colleen says…[/ListenUpCustom]
Understanding HTML5 Audio. Although I wrote this post 10 years ago, it’s still a useful guide to implementing recorded sounds in a webpage.