[ru] update web speech api example link (#25255)

* [ru]: update web speech api example link

* improve translation

* fix broken image URLs

---------

Co-authored-by: Leonid Vinogradov <[email protected]>

files/ru/web/api/web_speech_api/using_the_web_speech_api/index.md

@@ -18,13 +18,11 @@ Web Speech API предоставляет 2 основных типа функц
 
 ### Демо
 
-Для запуска демо достаточно перейти по [ссылке на приложение](https://ru.web-speech-api-example.cheliz.top/) или скачать [репозиторий](https://github.com/Oleg-Miniuk/ru_web_speech_example), установить зависимости (`npm install`) и запустить приложение (`npm run start`), после чего открыть **localhost:4001** в браузере.
+Демонстрацию использования распознавания речи можно увидеть в приложении [Speech color changer](https://github.com/mdn/dom-examples/tree/main/web-speech-api/speech-color-changer). При клике по экрану можно произнести название цвета, и фон приложения изменится на этот цвет.
 
-![](https://pp.userapi.com/c831409/v831409509/1c0226/S_tm-BfW-U8.jpg)
+![Пользовательский интерфейс приложения Speech Color changer. Он предлагает пользователю нажать на экран и произнести цвет, а затем окрашивает фон приложения в этот цвет. В данном случае фон стал красным.](speech-color-changer.png)
 
-после озвучки команды
-
-![](https://pp.userapi.com/c831409/v831409509/1c022e/uWRjlOvjopk.jpg)
+Для запуска демонстрации откройте [страницу приложения](https://mdn.github.io/dom-examples/web-speech-api/speech-color-changer/) в браузере мобильного устройства с поддержкой распознавания речи (например, в Chrome).
 
 ### HTML и CSS
 
@@ -191,14 +189,11 @@ recognition.onerror = function(event) {
 
 ### Демо
 
-То же самое приложение из предыдущего примера.
-[Ссылка на приложение](https://ru.web-speech-api-example.cheliz.top/) или [репозиторий](https://github.com/Oleg-Miniuk/ru_web_speech_example) (клонируем, затем `npm install && npm run start` в терминале, после чего открыть **localhost:4001** в браузере).
-
-Пользовательский интерфейс включает в себя набор элементов для ввода текста, задания высоты тона, скорости воспроизведения и непосредственного выбора голоса, которым будет текст произнесён.
+Демонстрацию использования синтеза речи можно увидеть в приложении [Speak easy synthesis](https://github.com/mdn/dom-examples/tree/main/web-speech-api/speak-easy-synthesis). Оно содержит набор элементов управления формой для ввода текста, который будет синтезирован, и настройки высоты тона, скорости и голоса, которые будут использоваться при произнесении текста. После ввода текста можно нажать <kbd>Enter</kbd>/<kbd>Return</kbd>, чтобы услышать его.
 
-После ввода текста вы можете нажать **Play** для запуска.
+![Пользовательский интерфейс приложения Speak easy synthesis. Он имеет поле ввода текста для синтеза, ползунки для изменения скорости и высоты тона речи, а также выпадающее меню для выбора между различными голосами.](speak-easy-synthesis.png)
 
-![](https://pp.userapi.com/c847220/v847220505/1103b9/Jlnq5hDThyQ.jpg)
+Для запуска демонстрации откройте [страницу приложения](https://mdn.github.io/dom-examples/web-speech-api/speak-easy-synthesis/) в браузере мобильного устройства с поддержкой синтеза речи.
 
 ### HTML и CSS