Here's how to get it working:
- 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>
. - Wrap your first name in a
span
tag like this:<span class="vocalizer" data-source="auto" data-lang="English">YOUR NAME</span>
. - 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.
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 :)
If so, please file an issue. ``