Here's how to get it working:
- Download and include
vocalizer.min.jsinto your website. Or just include it via CDN:
- Wrap your first name in a
spantag 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.
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">.
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.
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. ``