Чтение текста с помощью JavaScript

Рет қаралды 7,092

3 жыл бұрын

Если вы думаете, что написать форму, которая будет голосом проговаривать введённый текст, Сложно, то вы не правы! -) И я вам это докажу менее чем за 30 минут!
Делаешь это с помощью интерфейса SpeechSynthesisUtterance на базе WebSpeech API.
За эти 30 минут мы напишем пару функций, несколько слушателей (листенеров) и чего-то ещё.. -) Думаю, не стоит говорить, что писать мы будем исключительно чистый JavaScript в этом видео...

Пікірлер: 67

@prosto_razrabotka 3 жыл бұрын

😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

@alancatker9851 3 жыл бұрын

Ты лучший "лысый из браузера" который делает подобный контент! Спасибо, очень годно!

@prosto_razrabotka 3 жыл бұрын

Хех -) Спасибо)

@_hitotsu6948 3 жыл бұрын

АХАХАХХ, лысый из браузера. Ты сделал мой день

@prosto_razrabotka 3 жыл бұрын

Как вам такая штукенция?)

@andrussian 3 жыл бұрын

Офигенно!!!

@kvatofermer 3 жыл бұрын

Мультфильм про коня Антона походу так и записывали)) огонь!

@GraxS 3 жыл бұрын

Мне нравится то что ты не стал юзать сторонние API для этого, а юзаешь встроенное API

@GarageFIAT 3 жыл бұрын

Давно не было видео. Мы волнуемся.

@chikenmacnugget 3 жыл бұрын

О ты жив, поздравляю! Спасибо за контент!

@user-ev2lj1eo4d 3 жыл бұрын

ты самый лучший в этой сфере, и тебя приятно слушать, спасибо большое

@Vindly 3 жыл бұрын

Отличный урок, спасибо!

@freezyng. 3 жыл бұрын

ого прикольно! я и не знал что у браузера есть такие API О_о

@yennms5547 3 жыл бұрын

Очень крутое видео, возможно пригодится в будущем! Спасибо!

@ericbelecov3115 3 жыл бұрын

Спасибо большое!

@GusarovEgor 3 жыл бұрын

У тебя самые понятные и крутые обучающие видео. Пора делать полноценный курс!

@prosto_razrabotka 3 жыл бұрын

Спасибо. Я подумываю об этом -)

@hykoza 3 жыл бұрын

Прикольный говорильник!) спасибо за видео)

@ChinaraIbr 3 жыл бұрын

Здорово, спасибо!

@prosto_razrabotka 3 жыл бұрын

Благодарю

@SirexXom 3 жыл бұрын

Круто, спасибо за видео！

@prosto_razrabotka 3 жыл бұрын

И вам спасибо за просмотр -)

@workgroup4009 3 жыл бұрын

от чего зависит количество языков? у меня в хроме загрузилось 22 языка, из них два русских. в Яндекс и Опера всего три языка из них один русский

@kotlancer 3 жыл бұрын

Годно))

@konstantinkartsev6200 3 жыл бұрын

Привет! классный урок!!!, подскажи пожалуйста можно ли добавить функцию выделение этого текста по типу караоке, чтоб во время воспроизведения закрашивались буквы, как это сделать?

@user-fm9qs1hr4x Жыл бұрын

Классное видео! Есть ли API, позволяющие управлять звуком устройства? Произносит синтезатор что-то, к примеру, а музыка из другого приложения становится тише?

@user-vu3ld2wf7z 2 жыл бұрын

Годно! Подскажи как добавить голоса если это возможно? И как скачать полученное аудио?

@pavel7930 3 жыл бұрын

Крутяк !

@prosto_razrabotka 3 жыл бұрын

Отлично!)

@rostislavhulivets3163 3 жыл бұрын

👍👍👍

@prosto_razrabotka 3 жыл бұрын

Мне тоже нравится -)

@boldureans 3 жыл бұрын

💪

@prosto_razrabotka 3 жыл бұрын

Спасибо -)

@user-yl7xs9yi2m 3 жыл бұрын

круто

@prosto_razrabotka 3 жыл бұрын

Благодарю

@artema9267 3 жыл бұрын

Круто, а подскажите как одновременно копировать 2 слова на разных строках

@user-jj3sb6sn8d 3 жыл бұрын

Привет, сними видео, пожалуйста о том, как можно сделать свою собственную полосу прокрутки на css + js, на youtube такого нет, думаю, будет интересно.)

@williamhanna1794 3 жыл бұрын

круто, вот бы больше js было

@lazylion8379 2 жыл бұрын

Идея клевая, а можно реализовать такое? Допустим: у меня есть файл с текстом, кто-то говорит в микрофон и если человек ошибся в слове то в файле или где нибудь это обозначается либо подсвечиваться слово либо показывает ошибочное слово

@worldfortnite 3 жыл бұрын

годный канал! посоветуй с чего начать учить JS? P.s. fortnite еще катаешь?)

@prosto_razrabotka 3 жыл бұрын

Fortnite World с решения задач. Необходимые знания подтянуться. Нет, в последний раз в августе прошлого года гамал( Времени совсем нет(

@worldfortnite 3 жыл бұрын

@@prosto_razrabotka а может быть есть какой либо ресурс с более комплексным подходом, что б так сказать, не с 5-е на 10-е прыгать, а потом обратно на 6-е?

@prosto_razrabotka 3 жыл бұрын

Обучение на pluralsight, как по мне, лучше всех

@worldfortnite 3 жыл бұрын

@@prosto_razrabotka Спасибо! буду смотреть! попробовал один курс для новичков на coursera - как то не очень понравился процесс

@placid3495 3 жыл бұрын

Классная штука! Не так сложно, как я представлял себе) Хотя латынь произносится не так, это не английский)

@prosto_razrabotka 3 жыл бұрын

Ага -)

@lisofsky8151 3 жыл бұрын

с канала айти борода узнал !

@qutbiddinmakhmudov4088 3 жыл бұрын

Не досмотрел но уже достоин лайеа

@prosto_razrabotka 3 жыл бұрын

Благодарю

@iGotton 3 жыл бұрын

Аида ушла, но хорошо, что есть кому продолжить. Есть в планах рассказывать про что то посложнее? Сервер, база и тд?

@prosto_razrabotka 3 жыл бұрын

Все, что вы перечислили - это не «сложнее», а другое. Я не специалист по данным направлениям, может кого-то приглашу

@JesseJames-mh5kb 3 жыл бұрын

Привет, выпустишь видео урок про квиз на чистом js? было бы круто. в интернете нет нормальных уроков, а если есть что нибудь то на JQuery.

@prosto_razrabotka 3 жыл бұрын

Крутая идея! На досуге подумаю, как лучше всего реализовать. Есть жгучее желание сделать на реакте, но я воздержусь, наверно. Скорее всего. Пока не решил -)

@JesseJames-mh5kb 3 жыл бұрын

@@prosto_razrabotka лучше было бы на js))