Text to Speech Code Pattern

Sample React app for playing around with the Watson Text to Speech service

Demo: https://text-to-speech-code-pattern.ng.bluemix.net/

1. User supplies some text as input to the application (running locally, in the IBM Cloud or in IBM Cloud Pak for Data).
2. The application sends the text to the Watson Text to Speech service.
3. As the data is processed, the Text to Speech service returns audio information to the HTML5 audio element for playback.

Steps

1. Provision Watson Text to Speech

Note: You can skip this step if you will be using the Deploy to Cloud Foundry on IBM Cloud button below. That option automatically creates the service and binds it (providing its credentials) to the application.

The instructions will depend on whether you are provisioning services using IBM Cloud Pak for Data or on IBM Cloud.

Click to expand one:

IBM Cloud Pak for DataIBM Cloud

2. Deploy the server

Click on one of the options below for instructions on deploying the Node.js server.

3. Use the web app

• Select an input Voice model.

• Use the demo Text to synthesize or enter your own text into that text box.

• Press the Synthesize button to create audio from that text and hear it in the selected voice.

• The audio plays automatically. You can also use the Synthesized audio controls to pause, play, etc.

Developing and testing

See DEVELOPING.md and TESTING.md for more details about developing and testing this app.

License

This code pattern is licensed under the Apache License, Version 2. Separate third-party code objects invoked within this code pattern are licensed by their respective providers pursuant to their own separate licenses. Contributions are subject to the Developer Certificate of Origin, Version 1.1 and the Apache License, Version 2.

Apache License FAQ