Text to speech anywhere in wordpress

text-to-speech.php

/* Function to create TTS shortcode */

function text_to_speech_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'value' => 'Na', // Default Value
        ),
        $atts
    );
    $value = $atts['value'];
    ob_start();
    ?>
    <button onclick="speakText('<?php echo esc_attr($value); ?>')">🔊</button> <!-- Replace emoji with text or any other emoji if you want. -->
    <script>
        function speakText(text) {
            var utterance = new SpeechSynthesisUtterance(text);
            utterance.lang = 'en-US';
            window.speechSynthesis.speak(utterance);
        }
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode('tts', 'text_to_speech_shortcode');
// Shortcode usage example:- [tts value="Your text goes here"]

/* TTS END */