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

  Переглядів 7,074

Просто: разработка

Просто: разработка

3 роки тому

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

КОМЕНТАРІ: 67
@prosto_razrabotka
@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
@alancatker9851 3 роки тому
Ты лучший "лысый из браузера" который делает подобный контент! Спасибо, очень годно!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Хех -) Спасибо)
@_hitotsu6948
@_hitotsu6948 3 роки тому
АХАХАХХ, лысый из браузера. Ты сделал мой день
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Как вам такая штукенция?)
@andrussian
@andrussian 3 роки тому
Офигенно!!!
@kvatofermer
@kvatofermer 3 роки тому
Мультфильм про коня Антона походу так и записывали)) огонь!
@GraxS
@GraxS 3 роки тому
Мне нравится то что ты не стал юзать сторонние API для этого, а юзаешь встроенное API
@chikenmacnugget
@chikenmacnugget 3 роки тому
О ты жив, поздравляю! Спасибо за контент!
@user-ev2lj1eo4d
@user-ev2lj1eo4d 3 роки тому
ты самый лучший в этой сфере, и тебя приятно слушать, спасибо большое
@Vindly
@Vindly 3 роки тому
Отличный урок, спасибо!
@yennms5547
@yennms5547 3 роки тому
Очень крутое видео, возможно пригодится в будущем! Спасибо!
@GusarovEgor
@GusarovEgor 3 роки тому
У тебя самые понятные и крутые обучающие видео. Пора делать полноценный курс!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо. Я подумываю об этом -)
@freezyng.
@freezyng. 3 роки тому
ого прикольно! я и не знал что у браузера есть такие API О_о
@SirexXom
@SirexXom 3 роки тому
Круто, спасибо за видео!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
И вам спасибо за просмотр -)
@ericbelecov3115
@ericbelecov3115 3 роки тому
Спасибо большое!
@ChinaraIbr
@ChinaraIbr 3 роки тому
Здорово, спасибо!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Благодарю
@GarageFIAT
@GarageFIAT 3 роки тому
Давно не было видео. Мы волнуемся.
@hykoza
@hykoza 3 роки тому
Прикольный говорильник!) спасибо за видео)
@workgroup4009
@workgroup4009 3 роки тому
от чего зависит количество языков? у меня в хроме загрузилось 22 языка, из них два русских. в Яндекс и Опера всего три языка из них один русский
@kotlancer
@kotlancer 3 роки тому
Годно))
@konstantinkartsev6200
@konstantinkartsev6200 3 роки тому
Привет! классный урок!!!, подскажи пожалуйста можно ли добавить функцию выделение этого текста по типу караоке, чтоб во время воспроизведения закрашивались буквы, как это сделать?
@pavel7930
@pavel7930 3 роки тому
Крутяк !
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Отлично!)
@user-jj3sb6sn8d
@user-jj3sb6sn8d 3 роки тому
Привет, сними видео, пожалуйста о том, как можно сделать свою собственную полосу прокрутки на css + js, на youtube такого нет, думаю, будет интересно.)
@artema9267
@artema9267 3 роки тому
Круто, а подскажите как одновременно копировать 2 слова на разных строках
@user-fm9qs1hr4x
@user-fm9qs1hr4x Рік тому
Классное видео! Есть ли API, позволяющие управлять звуком устройства? Произносит синтезатор что-то, к примеру, а музыка из другого приложения становится тише?
@boldureans
@boldureans 3 роки тому
💪
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо -)
@user-vu3ld2wf7z
@user-vu3ld2wf7z 2 роки тому
Годно! Подскажи как добавить голоса если это возможно? И как скачать полученное аудио?
@lazylion8379
@lazylion8379 2 роки тому
Идея клевая, а можно реализовать такое? Допустим: у меня есть файл с текстом, кто-то говорит в микрофон и если человек ошибся в слове то в файле или где нибудь это обозначается либо подсвечиваться слово либо показывает ошибочное слово
@rostislavhulivets3163
@rostislavhulivets3163 3 роки тому
👍👍👍
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Мне тоже нравится -)
@williamhanna1794
@williamhanna1794 3 роки тому
круто, вот бы больше js было
@user-yl7xs9yi2m
@user-yl7xs9yi2m 3 роки тому
круто
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Благодарю
@worldfortnite
@worldfortnite 3 роки тому
годный канал! посоветуй с чего начать учить JS? P.s. fortnite еще катаешь?)
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Fortnite World с решения задач. Необходимые знания подтянуться. Нет, в последний раз в августе прошлого года гамал( Времени совсем нет(
@worldfortnite
@worldfortnite 3 роки тому
@@prosto_razrabotka а может быть есть какой либо ресурс с более комплексным подходом, что б так сказать, не с 5-е на 10-е прыгать, а потом обратно на 6-е?
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Обучение на pluralsight, как по мне, лучше всех
@worldfortnite
@worldfortnite 3 роки тому
@@prosto_razrabotka Спасибо! буду смотреть! попробовал один курс для новичков на coursera - как то не очень понравился процесс
@JesseJames-mh5kb
@JesseJames-mh5kb 3 роки тому
Привет, выпустишь видео урок про квиз на чистом js? было бы круто. в интернете нет нормальных уроков, а если есть что нибудь то на JQuery.
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Крутая идея! На досуге подумаю, как лучше всего реализовать. Есть жгучее желание сделать на реакте, но я воздержусь, наверно. Скорее всего. Пока не решил -)
@JesseJames-mh5kb
@JesseJames-mh5kb 3 роки тому
@@prosto_razrabotka лучше было бы на js))
@qutbiddinmakhmudov4088
@qutbiddinmakhmudov4088 3 роки тому
Не досмотрел но уже достоин лайеа
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Благодарю
@lisofsky8151
@lisofsky8151 3 роки тому
с канала айти борода узнал !
@placid3495
@placid3495 3 роки тому
Классная штука! Не так сложно, как я представлял себе) Хотя латынь произносится не так, это не английский)
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Ага -)
@iGotton
@iGotton 3 роки тому
Аида ушла, но хорошо, что есть кому продолжить. Есть в планах рассказывать про что то посложнее? Сервер, база и тд?
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Все, что вы перечислили - это не «сложнее», а другое. Я не специалист по данным направлениям, может кого-то приглашу
@nodirayakubova6395
@nodirayakubova6395 3 роки тому
Классный урок,а у вас есть уроки по Reactjs
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Есть стрим, где я делаю небольшую предложеньку
@lackevil3730
@lackevil3730 3 роки тому
Пыш-пыш, Виталий вы пропали с радоров! Подайте нам любой признак жизни! Наша гвардия без вас не справиться.
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Жив здоров) но немного поглощён работой) постараюсь скоро вернуться)
@lackevil3730
@lackevil3730 3 роки тому
@@prosto_razrabotka Мы вас всегда будем ждать)
@khalilmutallibov
@khalilmutallibov 3 роки тому
Куда пропал?
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Работой завален
@khalilmutallibov
@khalilmutallibov 3 роки тому
@@prosto_razrabotka ясно, надеюсь все будет отлично!
@Victor-nm5rv
@Victor-nm5rv 3 роки тому
блин( лысый из IBM забросил канал? очень надеюсь что нет((
@nikitosdevelopment1908
@nikitosdevelopment1908 2 роки тому
Ребят у кого получилось сделать так же напишите, потому что попробовал не получилось)))
@vtikey7191
@vtikey7191 3 роки тому
Почему две кнопки, а не одна ?! С самого начала видоса - глаза мозолит эта избыточность :) !
@timb4148
@timb4148 3 роки тому
какие же убогие эти встроенные голоса... ну ни одного нормального нет, чтоб по-человечески читали, типа Алисы хоть что-то
Speech Recognition App Using Vanilla JavaScript
29:10
WEB CIFAR
Переглядів 56 тис.
How did CatNap end up in Luca cartoon?🙀
00:16
LOL
Переглядів 5 млн
Как сделать Плагин на JS?
36:20
Просто: разработка
Переглядів 7 тис.
Верстка звездатого рейтинга
8:36
Просто: разработка
Переглядів 14 тис.
Как стать разработчиком с нуля?
10:07
Merion Academy
Переглядів 33 тис.
Как сделать Квиз (Quiz / Викторина / Опрос) на JS?
56:48
Просто: разработка
Переглядів 32 тис.
Делаем мультиязычный сайт c JavaScript
24:47
WebDev с нуля. Канал Алекса Лущенко
Переглядів 60 тис.
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Переглядів 1 млн