/vocalizer

A simple javascript plugin to show people how to say your name correctly.

Primary LanguageHTMLMIT LicenseMIT

Vocalizer CDNJS

A super simple javascript plugin to help others say your name correctly.

Here's how to get it working:

  1. Download and include vocalizer.min.js into your website. Or just include it via CDN: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vocalizer/1.0.0/vocalizer.min.js"></script>.
  2. Wrap your first name in a span tag like this: <span class="vocalizer" data-source="auto" data-lang="English">YOUR NAME</span>.
  3. That's it! You can read the backstory on this idea here.

The data-source attribute has two parameter options:

  • auto : The audio will automatically be generated. Note: If this doesn't work, it might mean your name doesn't exist in the database. Go here and search the name to double-check. If it isn't there you'll have to use your own audio file.
  • path/to/file : Manually set the path to your own audio file. For example: <span class="vocalizer" data-source="audio/name.mp3">.

The optional data-lang attribute let you select the language used for the pronunciation, by entering the full language name.

Preset audio recordings are provided by the Nameshouts API.

vocalizer

Want to contribute?

A lot of improvements can be made to this project. If you would like to help make Vocalizer better, I've labeled improvements as "up-for-grabs" in the issues section. Feel free to submit pull requests :)

Questions, comments, suggestions, issues?`

If so, please file an issue. ``