Membuat fungsi screenshot-desktop di website

screenshoot desktop

Pahami

Fitur Screenshoot-desktop ini berbeda dengan secreenshoot browser ya, kalo untuk browser bisa pake spatie/browserhoot, dan untuk screenshoot desktop disini saya pake bencevans/screenshoot desktop.

Perbedaan

Screenshoot-desktop kita bisa capture semua tampilan di desktop pc/laptop, nah sementara screenshoot-browser kita cuma capture di browser, misal dengan memasukan url web yang akan kita capture.

Step-by-Step

Di sini sesuai judul artikel, saya akan menerangkan untuk cara screenshoot-desktop, tapi buat yang penasaran step-by-step screenshoot-browser bisa ikut di dokumentasi ini.

Screenshoot-desktop/bencevans:

  1. Buka repo github bencevans/screenshoot-desktop, tulis aja di google search.
  2. Karena installasinya menggunakan NPM. Jadi, silahkan install NodeJS dan NPM ya.
  3. Buka IDE (Sublime, VisualStudioCode, etc.)
  4. Buat Folder, “screenshoot” (bebas namanya)
  5. Buka Terminal, pastikan directory path sudah di folder “screenshoot” [4] ya (biasa pake command ‘cd’).
  6. Tulis di terminal/cmd : “npm init -y”
  7. Install package screenshoot dekstop. Caranya: “npm install –save screenshoot-desktop
  8. Buat File app.js, dan copykan file berikut:
const screenshot = require('screenshoot-desktop')
const fs = require('fs')

screenshot().then((img) => {
  fs.writeFile('out.jpg', img, function (err) {
    if (err) {
      throw err
    }
    console.log('written to out.jpg')
  })
}).catch((err) => {
  throw err
})

9. Jalankan program dengan perintah: node app.js
10. Cek Hasil capture di folder “screenshoot.” dengan nama “out.jpg”.

Nah, selesai.. untuk lebih jelasnya bisa kunjungi documentasi bencevans/screenshoot-desktop atau cek di video berikut ya:

tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *

× Mau Merchandise? bisa, Chat WA yak