Parse Text from Images using OCR with Tesseract.js | Ruby on Rails 7 Tutorial

[@Deanin]

Hopefully this is close to what you were... picturing! Haha I'm going to bed now, links in the description as usual.

[@mikopiko]

I can't find any words for this, you are incredible! Thank you

[@Deanin]

Really surprised with how easy this was to set up haha.

[@Bashar3A]

I like when I am thinking about a feature I want to implement, and some random guy called Deanin does a KZbin tutorial about it just in time.

[@ruby-on-rails]

@deanin How did you do that @0:27?

[@AtumSS]

Wow, you are awesome

[@EricPinto-01]

Hello @Deanin, I love your style ! Is it possible to show us how to use this in an existing app created without "-j esbuild" ? This would be awesome !

[@lewisnyoike2807]

This is really cool. Very informative video. You mentioned something about having a template in place to select the data needed say purge the first part(user name and time). Do you think you can explore more on that or direct me to a resource that can assist? Thanks in advance

[@AhmadHassan-nw4wt]

kindly deanin please upload video on this topic

[@hsxn_sports]

Did you happen to have any trouble getting reader.onload to fire? I followed your video (thank you for these videos they are great!) and everything seems to be going well, but no results and no errors in the console. In troubleshooting, I found it is skipping right by the reader.onload callback so obviously no results. Thanks.

[@kirindev]

thank you.

[@AhmadHassan-nw4wt]

can we extract text from pdf file not image ?

[@azizdevfull]

Amazing : )

[@andrejkostov9720]

Wow nice! I was using google vision for this, but after 1000 scanned images it starts with charging for it. How is this used? Is it completely free?

[@mikopiko]

Yes, it's open source.

[@Deanin]

Yup, my understanding is it's a JavaScript wrapper around the web assembly version of Tesseract, which is an open source library. So 100% free 🙂

[@Gio-wb]

Hi @deanin, I have a problem at the moment to import Tesseract into the stimulus controller: import { Controller } from "@hotwired/stimulus" import Tesseract from 'tesseract.js' // Connects to data-controller="ocr" export default class extends Controller { static targets = ["file", "image_description"]; connect() { console.log("Hello, Stimulus!", this.element); } } gives me this error: stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js:26 Failed to register controller: orc (controllers/orc_controller) TypeError: Failed to resolve module specifier "tesseract.js-browser". Relative references must start with either "/", "./", or "../".