Create Your Own Application Like Google Lens - Google 2.0 with Source Code and live demo - Google Lens 2.0 Using HTML5, Css, Js

Home > HTML > Create Your Own Application Like Google Lens - Google 2.0

So this project is based on the Google Lens,

In this project, I will use the only "Js" to create our Google Lens 2.0 .

I am sharing this projects source code for free.

So, to support me you can Subscribe to my YouTube channel.
Link is avaible any where in the page.

No need to give credits for bringing these project online .

HTML

First, Create an HTML file with the name of index.html and paste the code given below, in your HTML file. Remember, you’ve to create a file with .html extension.

Note*: Click on the HTML Code then press ctrl + A to select the whole HTML Code, then ctrl + C to copy.

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Google Lens - 2.0</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>

<script src="http://nabaraj.github.io/image-to-text/script/ocrad.js"></script>
<center>
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" onchange="previewFile()" >
    <div class="entranceFade first">
        <div class="header">Image to use:</div>
        <img onload="readText(this)" id="image" src="http://nabaraj.github.io/image-to-text/images/scan-image.jpg"/>
    </div>
    <div class="entranceFade second">
        <div class="header">Canvas:</div>
        <canvas id="canvas" class="border">
        This browser does not support the HTML5 canvas tag</canvas>
    </div>
    <div class="entranceFade third">
        <div class="header">Text from image:</div>
        <div class="header highlight" id="output">Fecthing text…</div>
    </div>
</center>

  <script  src="./script.js"></script>

</body>
</html>

Css

Second, Create a Css file with the name of style.css and paste the code given below, in your Css file. Remember, you’ve to create a file with .css extension.

Note*: Click on the Css Code then press ctrl + A to select the whole Css Code, then ctrl + C to copy.

JavaScript

Third, Create an Script file with the name of script.js and paste the code given below, in your JavaScript file. Remember, you’ve to create a file with .js extension.

Note*: Click on the Js Code then press ctrl + A to select the whole Js Code, then ctrl + C to copy.

One-Tap to Get the File

Note*: After Clicking the Download button wait for sometime.
If the source file dosen't start to download, then allow this site to download files in your system.

Frequently Asked Questions

Q 1: Can I use this Source Code without giving credits ?

Ans: Yes, you can use but if your bring this projects, then should give us a credit at footer, because it takes alot time make all thess kinds of projects now if you ask that I want to bring it online but I will not give any credits to the developers & the provider then it is very wrong.

Q 2: Actually I want to bring this project online but I don't want to give credits ?

Ans: Ok, we have problem but also you cannot claim that it is made by you.
It is not all about flex you should increase you knowledge.

Q 3: If I am bringing this project online and not giving credits & claiming it is developed by me then ?

Ans: Ok, 1-3 times you will be warned and your that site will be suspended.
Still if you continue, then it can become to a legal things.