Tutorial: Speech Synthesis Editor Studio

This is the code used in the Speech Synthesis Editor tutorial published in Smashing Magazine.

This is only a demo, and the code is kept as minimal and simple as possible. This repo is not maintained.

Getting started

1. Clone this repository

2. Upgrade or install the Sanity CLI (this project requires 0.140.0 or higher):

npm install --global @sanity/cli

3. In the studio folder, install dependencies

sanity install

4. Initialize this studio with your own project.

sanity init

Answer Y on the prompt that asks you to reconfigure the studio, and follow the instructions for creating a new project.

5. Adding Speech Synthesis preview

If you want the preview button for editor to work, you'll have to add a token for Google’s text-to-speech API in schemas/ssml-editor/PreviewButton.js.

6. To start the studio locally:

sanity start

7. To deploy the studio:

sanity deploy

Now you can do the following things:

• Read “getting started” in the docs
• Join the community Slack
• Extend and build plugins