STAY TUNED

~ COMING SOON ~

~ NIT Network Solution ~

Management, Controller, Security, Application, Architecture, Setup and Deploy

~ NIT Cyber Security Solution ~

Prevent security breaches starts with exploits detection and build up protection before you connect.

~ NIT Arduino Hacks ~

Digital controller had been applied widely in this era. It playing maih role in IoT handling sensors and actuators with programmable decision making as well as Artificial Intelligence.

HIDDEN_SEO

CSS_OVERWRITE

HIDDEN_MUSIC

Showing posts with label web. Show all posts
Showing posts with label web. Show all posts

WEB 2 PDF

Here I will Guide how to Print Web To PDF using FREE Resources.


There are 2 things needed to be installed.
1. nodejs , seek for "Installation Steps" and follow everything.
2. puppeteer, first you need to open "Command Prompt" then type

mkdir puppeteer
cd puppeteer
npm install puppeteer

3. Restart ur PC.

4. copy paste the following code and paste it in a notepad then save it as "nit.js" in the puppeteer folder that you have created.


const puppeteer = require('puppeteer');  //library of the core
(async () => {
console.log("1/4 opening browser");
 const browser = await puppeteer.launch({ headless: true });  
console.log("2/4 opening page");
  const page = await browser.newPage();
await page.goto(`https://www.google.com`, {waitUntil: 'load',timeout: 0});
console.log("3/4 printing page");
  await page.pdf({path: 'hn.pdf', format: 'A4'});
  await browser.close();
console.log("4/4 completed");
})();


5. Open your command prompt and enter the following. 

cd puppeteer
node nit.js

Bulk Solution.

1. Copy paste the following to a notepad and save it as "test.csv" in the puppeteer folder.

https://www.google.com,https://www.youtube.com,https://www.facebook.com

2. copy paste the following code and paste it in a notepad then save it as "nit.js" in the puppeteer folder that you have created.

const puppeteer = require('puppeteer');  //library of the core
const fs = require('fs'); // library of file read 

// read from csv file and convert to data
var data = fs.readFileSync('test.csv')
    .toString() // convert Buffer to string
    .split('\n') // split string to lines
    .map(e => e.trim()) // remove white spaces for each line
    .map(e => e.split(',').map(e => e.trim())); // split each line to array

var arr=data[0]; 


printpdf(arr);



async function printpdf(arr) {
for (let i = 0; i < arr.length; i++) {

        const url = arr[i];
try {
console.log("1/4 opening browser");
const browser = await puppeteer.launch({ headless: true });
console.log("2/4 opening page");
const page = await browser.newPage();
await page.goto(`${url}`, {waitUntil: 'load',timeout: 0});
console.log("3/4 printing "+i+" out of "+ (arr.length-1));
const pdf = await page.pdf({path: i+'.pdf', format: 'A4' });
await browser.close();
console.log("4/4 closing page");
} catch(err) {
  console.log(err);

}
    }
 
  console.log("Completed");
}

5. Open your command prompt and enter the following then pdf will be generated in the same folder.

cd puppeteer
node nit.js

Want To know more? 

Leave a message to us via the messenger


OCR API Setup & Deploy with PHP

OCR.Space is a free OCR API which allow parsing images and PDF documents to extract the text in JSON format. Since, it's an API, it could be apply the OCR functions by using GET and POST parameter with any languages in development.


Let's get started by signup an FREE tier OCR.Space API key, this acts as a token for service authentication and initialisation, if no access key is attached in a GET or POST parameter, the return results are usually NULL. Kindly, fill in the signup form at here. Once the request is successful, the API key will be sent to your email inbox.


To use the OCR API, the endpoint for POST had been provided as below and support HTTPS and HTTP protocols.
https://api.ocr.space/parse/image To apply the very basic image parsing via URL and reveal the OCR results, the image below is attached in this demonstration.


(IMAGE URL: COPY HERE )

Simply append the parameter of "apikey" and "url" at the end of the API address:
The result of OCR parsed will be as below:
As you can see, the parsing will results a JSON output and from what we can observed, we could extract or export the value we required where param at "ParsedText".

To decode the JSON or extract the value out of this structure, we will suggest a PHP scripting as below:


<?php
$gateway = 'https://api.ocr.space/parse/imageurl';
$key = 'helloworld'; //input your API KEY, this is test key
$img = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZN1vlbHxOM6J01rScGR_4J-s3MwLbseE-qEiH8KxarHe0M06RjugEknQKpyKMJBDzqPnT77D1sGi20SAbOl7MJLN2OeeSCJh5VcgEXKSC7iAHMxyzpuJY01Ko7Pz4yHSeCtBfwNrPv80/s1600/TEXT01.png';

$url = $gateway."?"."apikey=".$key."&url=".$img; //establish the url
$data = file_get_contents($url); // fetch content to variable array
$txt = json_decode($data, true); // decode the JSON feed

echo "<h1> OCR.SPACE API DEMONSTRATION </h1>";
echo "<h2> LOADED IMAGE </h2>"; //show fetch image

echo "<img border=\"0\" data-original-height=\"739\" data-original-width=\"962\" height=\"306\" width=\"400\" src=\"".$img."\"/>";
echo "<h2> OUTPUT </h2>"; //display image text
echo $txt["ParsedResults"][0]["ParsedText"]; //output the ocr text
?>


Simply deploy the codes and edit the highlighted source with any web server, I'm using APACHE and save it to FILENAME.php 


The result will show as below:

The above demonstration is by default OCR options which the interpretation is in ENGLISH OCR. If you wish to perform an OCR applied with different language, simply modify the parameter of API parsing as below:

Simply append the parameter of "apikey" + "url" "language" at the end of the API address:
Let's try with a image with Chinese characters.


(IMAGE URL: COPY HERE)


Edit the PHP coding and append with the parameter.
<?php
$gateway = 'https://api.ocr.space/parse/imageurl';
$key = 'helloworld'; //input your API KEY, this is test key
$img='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5trq6LDiAKgR_FavIeEI5y4iPlxdvYDKW58iZFowgm8JHmSkTsPsqOme4aqsIkxtLuBVYNCMxR_kxjqRmENPiuQusQ5mm-106ezXTr7AzMmOCdPP4oc-VbBuIlxQ4ZVs4WGMjDVsotZ4/s400/cccc.png';
$lang = 'chs';

$url = $gateway."?"."apikey=".$key."&url=".$img."&language=".$lang; //establish the url

?>


The results are perfect!

Note that the OCR language parameter's parsing option as below, simply change the $lang parameter with any of the below validated with the text appeared in the parsed image.

Arabic=ara
Bulgarian=bul
Chinese(Simplified)=chs
Chinese(Traditional)=cht
Croatian = hrv
Czech = cze
Danish = dan
Dutch = dut
English = eng
Finnish = fin
French = fre
German = ger
Greek = gre
Hungarian = hun
Korean = kor
Italian = ita
Japanese = jpn
Norwegian = nor
Polish = pol
Portuguese = por
Russian = rus
Slovenian = slv
Spanish = spa
Swedish = swe
Turkish = tur

The application of OCR is widely applied in automated processing invalided images to text or to obtain valid values from pictures. The OCR is working in AI, integrated environment or to be a part of a processing node in a system to perform text extraction from provided inputs. Happy Explore & Have a nice day, do leave us any comments and we will reply you shortly.



NIT FOR ALL - FACEBOOK
Feel free to share this article around and do like & follow at our Facebook page. We would like to talk about IoT applications in the next post, stay tune.
OCR API Setup & Deploy with PHP

Music Embedded with YouTube

Get embeded URL from YouTube



Click into Share button and choose Embed. From there customize your configuration and copy the URL.




Modify the direct URL

Paste it into ur javascript gadget. Then start modify the code. at the end of the url u can add several parameter. The parameter can be found in iframe player parameter. Add to

Embed MP3 Hosted on Google Drive

Music embed everywhere around the websites, portfolio, blog and etc.. But to securely playing or looping a music from a official publisher, it had to through embed which makes you share and play the media legally under a public site or private site.

Step 1 - Upload MP3 files to a folder in Google Drive

Create a folder in your Google Drive and upload mp3 file.

Step 2 - Share the MP3 and get the direct URL

Make sure that it is open to public so that everyone can open and view it.

Step 3 - Modify the direct URL

The Direct URL will look something like this https://drive.google.com/file/d/XXXXXXXXXX/view?usp=sharing XXXXXXXXXX is the ID of your MP3 file. Then you can obtain a direct link to this audio by changing it to http://docs.google.com/uc?export=open&id=XXXXXXXXX

<audio> <source src="http://docs.google.com/uc?export=open&id=XXXXXXXXXXXX> </source> </audio>

Step 5 - Finalize

There are attributes that can make your life easier.
1. autoplay

<audio autoplay>... </audio>
2. controls
<audio controls>... </audio>
3. loop
<audio loop> ... </audio>
You can combine it to make it like this
<audio autoplay controls loop>... </audio>
Alternative using YouTube.

p/s It is not suitable for large amount of viewer.

google drive will give notice like below