Как сделать озвучивание выделенного текста?

На этом сайте при выделении текста появляется динамик с включением JS озвучивания текста, как можно реализовать подобное?
  • Вопрос задан
  • 331 просмотр
Решения вопроса 1
@Banan44
Full Stack
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Озвучка выделенного текста</title>
</head>
<body>
    <p>Все мы, все мы в этом мире тленны, <br>
    Тихо льется с кленов листьев медь... <br>
    Будь же ты вовек благословенно, <br>
    Что пришло процвесть и умереть.</p>
    <button onclick="speak(window.getSelection())">Озвучить</button>
    <script>
        function speak(text) {
            const message = new SpeechSynthesisUtterance();
            message.lang = "ru-RU";
            message.text = text;
            window.speechSynthesis.speak(message)
        }

    </script>
</body>
</html>

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы