No video :(

How To Create An Audio Book Reader In JavaScript

Подписаться 1,6 млн

Просмотров 45 тыс.

50% 1

Audio books are way more expensive than paperback books, but sometimes it is nice to have the convenience of an audio book. In this video I will be showing you how to create your own audio book reader with JavaScript and it is surprisingly easy.
📚 Materials/References:
GitHub Code: github.com/WebDevSimplified/a...
Tesseractjs: github.com/naptha/tesseract.j...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:15 - Setup
01:10 - HTML
02:23 - Access webcam
03:50 - OCR integration
09:03 - Text to speech integration
#AudioBook #WDS #JavaScript

Опубликовано:

1 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 107

@tsar6652 2 года назад

Okay Kyle now I'm 100% sure that you've gained access to my search history

@Lordecai 2 года назад

Dude this man is real-time Google

@family.vibes.unleashed 2 года назад

Wow! That's pretty cool example! Thanks a lot for creating and sharing with us. ❤ from 🇮🇳

@WeData-s7q 2 года назад

They way you explain anyone can understand, best teacher ever in RU-vid for JavaScript , teach us how to Build a Desktop App with Electron.

@MusicEffekt 2 года назад

Excellent, as always.

@xGravityx3 2 года назад

Thanks for this tutorial, it's really useful

@amber_fragments 2 года назад

Amazing one! Thank you so much!

@pedrolampo 2 года назад

Great video Kyle, loved it! Also, Mistborn is soo good

@deivchoi 2 года назад

Such a cool mini project to make!

@WeData-s7q 2 года назад

Your channel is too damn helpful. I want to see you grow to 1M. And I'm in it too.

@wojteczek2509 2 года назад

When I click space i get error: Uncaught (in promise) TypeError: Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'.

@CreativeTutorialsWeb 2 года назад

Awesome Job 👌 Kyle

@nejan_s 2 года назад

This guy is awesome

@shubhamshrivastav9572 2 года назад

Great job

@Taylor-hu2no 2 года назад

You’re a byte of a hero in my modest camp of one.

@santhosh1748 Год назад

Very Helpful Video to Learn

@rahulnag9582 2 года назад

Wow Brother... thanks for this amazing video Love from INDIA

@sulaimanabiodun4541 2 года назад

This is cool. Thanks, Kyle.

@sebastianurbaniec9225 2 года назад

Awesome content!

@satishbirhade8369 2 года назад

1 million soon 🎊

@santhosh1748 Год назад

HelpFul video

@isbeb507 2 года назад

thanks for this!

@mplovecraft 2 года назад

Thank you, this is very, very cool :)

@vikram87in 2 года назад

Awesome video 😍

@almogattal9701 2 года назад

You are a true king

@abhaytiwari5991 2 года назад

Awesome 😎

@maniac1441 2 года назад

You are awesome 🔥

@TokyoWasTaken 2 года назад

that library is like MAGIC

@imperator_lubelski 2 года назад

Great 👍

@jasonkhaings1414 2 года назад

hey man thanks for all the help. Could you tell us how u research the libraries and frameworks cuz i have a trouble trying to find the right one.

@haricharanpal1761 2 года назад

Same ques.

@lamargtv2572 2 года назад

Incredibly cool

@annahuskova9981 2 года назад

HI, I am from UKRAINE. Unfortunately, last three days I can't study coding because of RUSSIAN AGGRESSION. But, I will turn to your great lessons again after our win. I wish everybody pеace and to get suxess in study coding.

@thedevbek 2 года назад

Texas is with Ukraine...Go Ukraine

@annahuskova9981 2 года назад

@@thedevbek Thank you!!! Your support is important for us, we feel it, be sure!) Today prepared everything for tomorrow: shelters and glass bottles🔥)

@mnfak4333 2 года назад

I am with you and all Ukrainian. Lots of love ❤️❤️❤️❤️❤️

@m0ZZaik 2 года назад

@@annahuskova9981 Much support from germany aswell!!! And sorry for my hesitant government :/

@Naglfar83 2 года назад

Germany stands with Ukraine! Stay strong!

@aysiofficial4283 2 года назад

Nice!

@themineworkers4026 2 года назад

the tesseract missed up in displaying the text the first time where it said r***ng instead of scraping. don't worry kyle it happens. keep up the good work.

@kirkanos771 2 года назад

For those confused, it's about an audio "Book Reader" and not an "Audio Book" reader.

@sagnikghosh2534 2 года назад

This one ❤️

@aliimranadil2 2 года назад

Gonna build next ❤️🤪

@harsh13200 2 года назад

Amazing

@cleydsonrodrigues7211 2 года назад

I have an idea for an App that each words appears in screen and the G voices speaks at the same time. That's an idea for use in language learn. I think it can help to "assimilate" speech words and written words. Idk if i'm saying this correctly. I ran away from my english class.

@DharsanGotNoChill 2 года назад

Man you're so awesome 🤷🏻‍♂️

@TubularAnimator 2 года назад

🔥

@venkateshr9202 2 года назад

Hi bro, One requirement, I'm getting html from api response, so i need to display and i need to print as a pdf Can you please suggest me, how to achieve that... Thanks

@smalls5001 2 года назад

thx

@adarsh-chakraborty 2 года назад

What?! I've never been this early.

@kodraa 2 года назад

is there a way to make it applicable on mobile as well?

@RefactoringRyan 2 года назад

Patiently waiting for you to demystify RXJS 😬

@user-ms8ei9le7x 2 года назад

This nice ✔ , the cool content

@ikhwanhakim8498 2 года назад

What sofyware are you using? Atom?

@q_sean_p 2 года назад

And he's reading Mistborn, what a guy

@frandaart 2 года назад

Haha was looking for this comment. And the w&w second series too, a real fan. Kyle must have read at least 4 of Brandon's books

@WebDevSimplified 2 года назад

I love Brandon Sanderson. Stormlight Archive and Mistborn are so good.

@_ALEX---- Год назад

How to save it as mp3 file in pc ? Pls reply.

@bryson2662 2 года назад

I recognize Mistborn Era 2.

@e10etcreature43 2 года назад

I'm in love with 2048 game 😂😂😂, I am stuck on 256🔥, thanks for the Game.

@yantan0109 2 года назад

What is the extension that can let you have the html tag by only typing the tag name?

@ZuriPOL 2 года назад

Emmet, it's built into VSCode, you just have to enable it

@funniestFacts859 2 года назад

Hello. Thanks for this useful information. I encountered an error called "readAsArrayBuffer". I wonder if this is due to my camera's quality.

@rishitshukla 2 года назад

Yeah same here. I searched the entire internet but can't find the solution

@michellegiacalone1079 2 года назад

Brilliant video! One problem, though. Loki keeps stealing my tesseract.

@salarystealer 2 года назад

ｔｈａｎｋｓ

@vivekan97 2 года назад

Hey Man. I could not find a proper solution using Pure Javascript for the scenario i.e. to check whether an image exists in a folder (assets/images/{name}.png) . If anyone knows , please drop your solution.

@smalls5001 2 года назад

Learn nodejs

@vivekan97 2 года назад

But my frontend is Angular and Backend is ASP .NET. can't install nodejs or jQuery. Any other solution?

@saikirankorri2180 2 года назад

Can u create an organisation chart ...

@HitoriTesla 2 года назад

i wanna test this out on phone

@suelingsusu1339 2 года назад

Wow.... wonderful👏👏👏👏👏🙏🙏🙏🙏🙏🙏🖖🖖🖖🖖🖖🖖

@josephwong2832 2 года назад

cool

@sahilkhadkaa 2 года назад

Hello kyle, great video but I have been receiving this error all the time: Uncaught (in promise) TypeError: Cannot set property 'srcObject' of null

@M9625Rahul 2 года назад

you have forgot to defer scripts or not selecting video element correctly

@sahilkhadkaa 2 года назад

@@M9625Rahul I did try copying the source code too but ran into the same error

@bernardus3289 2 года назад

Gonna make this just so that I dont have to read this 400 page javascript book I bought.

@bahnimaankashyap8365 2 года назад

how to run it in phone guys ?

@snoudoubts1745 2 года назад

Serious question. How do you take care of your hair?

@adonesdelass2799 2 года назад

Lik boss

@Roknok 2 года назад

I was wondering where your face was at the start

@sziahussain 2 года назад

any video for text to speech

@ahmedpreeom6734 2 года назад

Is it normal when you see someone do coding and you want to join in the fun. 😵

@rochoe4575 2 года назад

yes!

@nuvotion-live Год назад

It doesn’t actually work, although that’s the OCR’s fault not your own. I can see why you cut away as soon as it starts speaking, because it’s mostly nonsense. Is there a better option than Tesseract?

@dynamica1 2 года назад

Hello, Kyle! I am very thankfull to you for your videos. I also frontend developer from Ukraine. Now we have russian invation and i wanna to ask you support ukrainian people. Today in Ukraine was created cyber security forces to fight in cyber area. Please, create post in your channel with supporting words. Thank you)

@JohnSnow-gi7iv 2 года назад

Stop war

@nejan_s 2 года назад

Congratulations to those who found this comment

@raphaelmachado7197 2 года назад

Update discord bot video.

@premnathart3496 Год назад

It was much more easier in python.

@thechoosen4240 Год назад

Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PRPEPARE

@football2200 2 года назад

Great video but at the same time I just feel conflicted seeing any media put out during a war. I feel like we should all stay in solidarity and wait this one out...