larryaronson.com

  • Home
  • Contact
  • Articles
  • Technology
  • Portfolio
  • Bio
  • Home
  • Blog
  • Services
  • Contact

ListenUp

Nov 3rd, 2021

Listen Up

I’ve been working on a plugin that speaks content segments of a post or a page.

The plugin, ListenUp, provides four shortcodes:

  1. ListenUp will speak the text content enclosed between its opening and closing tags when that content is clicked.
  2. ListenUpExcerpt will provide a link that when clicked will fetch and speak the post excerpt.
  3. ListenUpImage will provide a link that when clicked will fetch and speak the description of an image.
  4. 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 software. 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”]

Hear a quick Summary

[ListenUpImage title=”Hear description”]<img … />[/ListenUpImage]

Bell w300

[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″ speed=0.5]Andy says…[/ListenUpCustom]

Andy says…

 


RELATED READING

Adding Voice to WordPress. Parts of my presentation on ListenUp that I’ve made to various meetups and usergroups.

Understanding HTML5 Audio. Although I wrote this post 10 years ago, it’s still a useful guide to implementing recorded sounds in a webpage.


 

Tags: JavaScript, Voice Synthesis, wordpress

Posted in Featured, plugins, ShortCodes    

« SSL: 5 Reasons For Securing Your WordPress Website
The Creator Economy Goes Social »

Comments are closed.

  • Contact Info

    larry@LarryAronson.com

    Leave me a message

    Follow Larry Aronson on TwitterCheck out Larry Aronson on FacebookView Larry Aronson's LinkedIn Profile
    New post notices:
     
  • Topics

  • Services

    • Web Design & Development
    • WordPress Customization
    • Search Engine Optimization
    • Social Media Integration
    • Web Design & Development

    Larry Aronson
    larry@LarryAronson.com
    212-807-8561

  • Tags

    amazon apple Automattic blog Blogging Chrome client code cPanel CSS David Schiffer design Firefox flash Flock Google Howard Greenstein HTML HTML5 Internet JavaScript jQuery law lawyer Matt Mullenweg minimal php Popular Posts Safari Search SEO shortcode sidebar widget Social Media twentyten Twitter video Web 2.0 web hosting web service websites WIFI wordpress wordpress shortcodes YouTube
  • Kudos

    Much thanks to Michael Pinto of Very Memorable for "upscaling" my header image.

  • Freelancers Union Keystone Member

© 2023 Larry Aronson