Web Speech Studio

Playground for browser Text-to-Speech and Speech-to-Text APIs

EST. DURATION: ~5.2s (en-US)

Text to Speech Parameters

Text to Synthesize:

Language Locale:

Rate (Speed):1x

Pitch:1

Volume:1

Speech API Code Snippet

const utterance = new SpeechSynthesisUtterance(`Next DevUtilities includes over 150 modernized developer workstations, JWT inspectors, and code generators.`);
utterance.lang = 'en-US';
utterance.pitch = 1;
utterance.rate = 1;
utterance.volume = 1;

window.speechSynthesis.speak(utterance);

import { useCallback } from 'react';

export function useTextToSpeech() {
  const speak = useCallback((text: string) => {
    if (!('speechSynthesis' in window)) return;
    window.speechSynthesis.cancel();

    const utterance = new SpeechSynthesisUtterance(text);
    utterance.lang = 'en-US';
    utterance.pitch = 1;
    utterance.rate = 1;
    utterance.volume = 1;

    window.speechSynthesis.speak(utterance);
  }, []);

  return { speak };
}