https://github.com/atifazam/vocalizer

A simple javascript plugin to show people how to say your name correctly.
https://github.com/atifazam/vocalizer

accessibility audio javascript-plugin pronunciation

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/atifazam/vocalizer
• Owner: atifazam
• License: mit
• Created: 2016-08-09T03:46:25.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-08T14:25:18.000Z (over 6 years ago)
• Last Synced: 2024-07-18T05:35:48.493Z (2 months ago)
• Topics: accessibility, audio, javascript-plugin, pronunciation
• Language: HTML
• Size: 31.3 KB
• Stars: 286
• Watchers: 4
• Forks: 30
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vocalizer [![CDNJS](https://img.shields.io/cdnjs/v/vocalizer.svg)](https://cdnjs.com/libraries/vocalizer)

### 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:

``.

2. Wrap your first name in a `span` tag like this: `YOUR NAME`.

3. That's it! You can read the backstory on this idea [here](http://atifaz.am/blog/vocalizer-help-others-pronounce-your-name-correctly.html).

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](https://www.nameshouts.com/) 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: ``.

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](https://www.nameshouts.com/).

![vocalizer](http://atifaz.am/images/posts/vocalizer-help-others-pronounce-your-name-correctly/vocalizer.jpg)

### 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](https://github.com/atifazam/vocalizer/issues) section. Feel free to submit pull requests :)

### Questions, comments, suggestions, issues?`

If so, please [file an issue](https://github.com/atifazam/vocalizer/issues).

``