Membuat Screenshot Video Menggunakan Lightshot

webhosting Indonesia

Tips ini khusus untuk pengguna browser/peramban Google Chrome. Sebab tools yang saya bahas kali ini menggunakan ekstensi Lightshot. Gunanya untuk meng-capture video atau animasi (flash) yang terdapat pada halaman web.

Ada kalanya untuk topik tertentu dari postingan blog kita perlu disisipkan cuplikan gambar dari sebuah video atau animasi. Oleh sebab itulah, kita perlu menggunakan tools khusus. Nah, bagi pengguna browser Google Chrome (termasuk Chromium), gunakan saja ekstensi Lightshot.

Cara penggunaannya

  1. Silakan menuju halaman ekstensi Lightshot. Klik install. Tunggulah beberapa detik sehingga proses instalasi selesai dan muncul icon bergambar daun pada sebelah kanan address bar.icon-lightshot

    icon lightshot

  2. Lalu bukalah halaman web/situs yang berisi sebuah file video. Saya beri contoh halaman video klip lagu berjudul Crazy in Love yang dinyanyikan oleh duet Beyonce Knowless (penyanyi R&B favorit saya) dan Jay-Z (rapper terkenal).
  3. Putarlah video tersebut. Lalu klik icon ekstensi Lightshot pada kanan address bar (kapan saja Anda ingin meng-capture momen tertentu dari video yang sedang berjalan).
  4. Sesaat setelah Anda mengklik icon Lightshot, maka halaman web akan menjadi lebih gelap dari sebelumnya. Contohnya seperti berikut ini.klik-icon

    tampilan halaman web setelah icon lightshot diklik

  5. Klik dan drag pada area sekitar video yang sedang berjalan untuk meng-capture video tersebut. Untuk menyimpan gambar hasil capture, klik icon nomor dua paling kanan pada menu ekstensi Lightshot yang muncul di bawah kotak hasil dragging (di samping tanda silang).click-drag

    dragging area sekitar video

  6. Silakan buka kembali gambar hasil capture yang telah Anda simpan tersebut.

Contoh Hasil Capture Video

Berikut ini beberapa gambar cuplikan video yang telah saya buat dengan menggunakan ekstensi Lightshot. Gambar pertama adalah cuplikan dari video lagu Baby Boy oleh Beyonce (dalam penampilan live-nya). Sedangkan sisanya adalah cuplikan video lagu dari duet Beyonce dan Jay-Z yang berjudul Crazy in Love.

Beyonce di opening video klip Baby Boy (Live HD)

opening-video

Beyonce di opening video klip Crazy in Love

Beyonce di opening video klip Crazy in Love

Beyonce di opening video klip Crazy in Love

Beyonce pasca opening video klip Crazy in Love

Jay-Z di pertengahan video klip Crazy in Love

Jay-Z di pertengahan video klip Crazy in Love

Maaf, karena alasan tertentu, kotak komentar ditutup!

  1. [...] yang memang mengalami revisi pada versi 3.1.3. kali ini. Hasilnya, saya sukses. Bisa dilihat pada screenshot dashboard blog kafegue.com di bawah [...]

  2. [...] yang mencerminkan rangking alexa website/blog yang sedang Anda buka. Lihat saja contohnya pada ‘screenshot’ [...]

  3. [...] satu cara membuat screenshot video pada halaman web yaitu dengan menggunakan ekstensi Lightshot dari browser Google Chrome. Anda [...]

  4. [...] 2 buah screenshot di atas, kata-kata ‘nakal’ atau ‘hiperbola’ yang saya gunakan yaitu [...]

  5. [...] Membuat Screenshot Video Menggunakan Lightshot [...]

  6. Willy
    Google Chrome 8.0.552.224 | Windows 7

    mas sori nih agak OOT, kalau software untuk screen shot desktop video, kayak buat tutorial pakai apa ya enaknya. udah coba pakai beberapa sofware tapi filenya berat2

    iskandaria
    Google Chrome 10.0.617.0 | Windows XP

    @Willy, wah kalau untuk video dekstop saya belum pernah nyoba mas. Nanti saya cari tahu deh dan akan saya sharingkan di blog ini kalau ketemu software yang cocok dan tidak berat.

  7. ganda
    Firefox 3.5 | Windows XP

    Wow. Saya lebih menyoroti gambar-gambar Beyonce yang di “tangkap”. Selera bro Iskandar tinggi juga ternyata ya. :D Hot. :D Hahahahaha…

    iskandaria
    Google Chrome 10.0.617.0 | Windows XP

    @ganda, ha..ha..haa. Saya emang suka yang hot-hot and sexy bro :P

    ganda
    Safari 5.0.3 | Windows 7

    @iskandaria, Berarti memang pria normal. Hahahaha… :D

    iskandaria
    Firefox 3.6.13 | Windows XP

    @ganda, bangeeet…^-^

  8. Indonesia Drupal7 release party
    Firefox 3.6.13 | Windows XP

    Nyepam..
    Hadirilah!!Indonesia Drupal7 release party
    Ada developer Mozila indo di sana, datang ya kawan-kawan.

  9. Abi
    Firefox 3.6.13 | Windows 7

    Kualitas hasil screenshotnya bagus jg ya, sama seperti snagit yang biasa saya gunakan untuk tujuan sama

  10. Guusn
    Google Chrome 8.0.552.224 | Windows 7

    kalau saya sih lebih senang pakai awesome untuk screenshot mas :D

  11. Rudy Azhar
    Google Chrome 7.0.517.17 | Windows XP

    Sama seperti yang Pak Aldy katakan kalau hasil dari screenshot tersebut sangat bagus tapi cukup besar kb-nya.

    iskandaria
    Google Chrome 10.0.612.3 | Windows XP

    @Rudy Azhar, sebenarnya bisa dikompress sih. Tapi gambarnya jadi mengecil dan tidak jelas lagi detailnya. Saya sengaja tidak mengompressnya agar lebih tajam dan jelas gambarnya. Lagipula, saya ingin memaksimalkan lebar post-body pada area konten blog ini (sekitar 700px).

    Rudy Azhar
    Firefox 3.6.9 | Windows XP

    @iskandaria, Ya itu memang resiko dari memperkecil file yang membuat gambar tidak sebagus aslinya. Dengan menggunakan smush-it paling bisa hanya terkompres sedikit saja biar ketajaman gambarnya tidak menurun.

  12. Blognya Achot
    Firefox 3.6.13 | Windows XP

    seumur-umur saya belum pernah capture video jadi gambar.. (parah banget kan..) memang belum ada keperluannya sih, jadi ya rada-rada gimanaaa gitu. kalo pakai Print screen ga bisa euy..

    Pernah coba-coba addons mozila namanya (capture fox) itu bisa untuk merekam atau bikin tutorial..

    iskandaria
    Google Chrome 10.0.612.3 | Windows XP

    @Blognya Achot, sebenarnya bisa sih pakai print screen. Cuma kan harus edit-edit lagi, terutama cropping. Nah, kalau pakai ekstensi ini, bisa sekaligus cropping dan save. Jadi lebih praktis aja menurut saya.

  13. wid
    Firefox 3.6.13 | Windows XP

    walah..aku malah baru tahu kali ini…
    tapi kalau mau coba berarti harus install google dulu kayaknya….

  14. andi sakab
    Google Chrome 8.0.552.224 | Windows XP

    saya langsung instal dan coba dulu ya :)

    andi sakab
    Google Chrome 8.0.552.224 | Windows XP

    udah dicoba dan oke banget soalnya ada fitur editor segala. dan resolusinya lumayan gede. Top buat tutorialnya ;)

    iskandaria
    Google Chrome 10.0.612.3 | Windows XP

    @andi sakab, mantap deh mas Andi Sakab. Langsung nyoba euy. Kapan-kapan diposting ya hasil capturenya. Saya juga mau liat dong.

    andi sakab
    Google Chrome 8.0.552.224 | Windows XP

    @iskandaria, hasil capturenya udah saya coba. mantap tenan euy. cek disini http://t.co/sU6FwWS

    iskandaria
    Chromium 8.0.552.224 | Ubuntu 10.10

    @andi sakab, mantap mas hasil captutenya. Tapi kayaknya yang dicapture itu bukan video yach?

    andi sakab
    Google Chrome 8.0.552.224 | Windows XP

    @iskandaria, bukan, tapi screenshoot web :D

    iskandaria
    Chromium 8.0.552.224 | Ubuntu 10.10

    @andi sakab, kalau untuk membuat screenshot web cukup pakai ekstensi ‘awesome screenshot’ mas. Kalau ‘lightshot’ khusus untuk mengcapture cuplikan video yang kita putar pada halaman web. Contohnya video di youtube.

  15. aldy~PF
    Google Chrome 8.0.552.224 | Windows 7

    Hasil capturenya bagus mas, kalau boleh tahu satu file capture besaran image-nya berapa KB?

    aldy~PF
    Google Chrome 8.0.552.224 | Windows 7

    Saya coba save image yang pertama (clik-icon.jpg) filenya sebesar 186KB? benar sebesar itu ya mas?

    iskandaria
    Google Chrome 10.0.617.0 | Windows XP

    @aldy~PF, betul Pak. Besar banget ya kayaknya. Tapi kalau saya compress sebagai ‘save for web’, kualitas gambarnya jadi menurun (gambar mengecil). Memang bisa diklik sih biar jadi besar. Tapi kan kurang praktis jadinya.

    Oya, besaran ukuran file hasil capture rata-rata di atas 100KB Pak. Maklum, pakai jenis PNG sebagai default hasil capturenya. Jenis gambar PNG kan memang lebih besar daripada JPEG (ukurannya).

    Oya, ekstensi Lightshot hanya berjalan pada Windows.

    iskandaria
    Google Chrome 10.0.612.3 | Windows XP

    @aldy~PF, rata-rata di atas 100KB. Format defaultnya PNG. Tapi bisa dikonvert ke JPEG biar lebih kecil ukurannya (dengan resolusi yang sama dan juga kualitas yang sama). Saya biasa mengkonvertnya via Photoshop.

  16. marsudiyanto
    Firefox 3.6.13 | Windows XP

    Weh…
    Perlu nyoba juga saya…
    Selama ini cuman pakai print screen :D

    iskandaria
    Chromium 8.0.552.224 | Ubuntu 10.10

    @marsudiyanto, kalo Pak Mars udah nginstall Chrome silakan dicoba deh. Bisa juga sih pakai print screen. Cuma masih kurang praktis karena harus edit atau cropping lagi. Kalo pakai Lightshot kan bisa sekaligus. Jadi lebih praktis aja.

  17. ismail
    Firefox 3.6 | Windows XP

    Hiii… hi… saya ketawa geli alias syukur akhirnya cara ngutak-atik video youtube saya temukan juga di blognya Mas Is..

    Makasih banyak ya mas… langsung take action ne…

    iskandaria
    Google Chrome 10.0.612.1 | GNU/Linux

    @ismail, ini untuk pengguna browser google chrome sih mas. Kalo mas Ismail menginstallnya pada PC atau laptop mas, silakan aja dicoba. Oya, emailnya udah saya balas (soal mengubah ukuran font di awal paragraf itu). Maaf agak telat ya mas. Soalnya 2 hari ini saya tidak online.

    ismail
    Firefox 3.6 | Windows XP

    @iskandaria, Terima kasih banyak lho mas atas bantuannya..

    Ok, segera actionkan ilmu dari mas is ne..

    iskandaria
    Google Chrome 10.0.612.3 | Windows XP

    @ismail, sama-sama mas. Senang bisa membantu mas Ismail dan melihat hasilnya :P

  18. Darin
    Firefox 3.6.13 | Windows XP

    Maksudnya capture picture-nya saja ya? Kenapa tidak satu video-nya sekalian dengan youtube downloader? :D

    Tapi keren juga. Lumayan untuk koleksi utak-atik image hehe. Namun sayang, saya fans berat firefox -_-’

    iskandaria
    Google Chrome 10.0.612.1 | GNU/Linux

    @Darin, iya mas. Cuma untuk mengcapture momen tertentu dari videonya aja. Soalnya kadang kita perlu juga ngasih gambar berupa cuplikan video. Malah kalau kita kreatif, cuplikan video tertentu bisa kita jadikan gambar pelengkap posting, walau kurang sesuai dengan topiknya.

    Kalo mau donlot video secara utuh sih, saya biasa pakai IDM (Internet Download Manager). Setiap kita buka video Youtube, langsung akan muncul link donlotnya mas. Bisa juga sih pakai ekstensi Chrome yang khusus untuk donlot video youtube.

    Kalo add-ons untuk mengcapture video pada firefox, saya juga kurang tahu sih.

  19. Khalid Abdullah
    Google Chrome 6.0.472.0 | Windows XP

    tolong untuk contoh jangan menggunakan beyonce mas………..

    jadi gak merhatiin tutorialnya saya mas ! :-) hehehehe

    okeh mas…. akan saya instal juga ekstensi itu kalo saya sedang ingin menginginkan pencapturan suatu gambar. thanks ya mas infonya

    iskandaria
    Google Chrome 10.0.612.1 | GNU/Linux

    @Khalid Abdullah, ha..ha..ha.. Saya memang sengaja ngasih gambar video yang rada seksi mas ^-^

  20. Joko Sutarto
    Firefox 4.0b7 | Windows XP

    Ternyata kita sama-sama suka mencapture video klip cewek-cewek cantik, Mas Is. Bedanya saya kemarin video Mariah Carey, yang disini Beyonce. Ha Ha Ha :)

    Saya baru tahu ada cara seperti ini untuk mengunduh video dan bisa lewat browser Chrome. Hem, nanti saya coba praktekkan tipsnya, Mas Is. Terima kasih buat sharingnya.

    iskandaria
    Google Chrome 10.0.612.1 | GNU/Linux

    @Joko Sutarto, ha..ha..ha..(sama-sama penggemar cewek cantik, terutama penyanyi). Sebenarnya masih ada lagi beberapa penyanyi cewek favorit saya. Misalnya Britney Spears, Rihanna, Ciara, dan beberapa penyanyi pop + R&B lainnya. Oya, saya juga suka Jessica Alba. Seksi banget tuh.

    andi sakab
    Google Chrome 8.0.552.224 | Windows XP

    @Joko Sutarto, eh… saya juga termasuk kok :D

    iskandaria
    Google Chrome 10.0.617.0 | Windows XP

    @Joko Sutarto, oya. Saya ada nambahin 2 lagi gambar hasil capture. Gak kalah seksi Pak. Masih dari Beyonce. Silakan dilihat kembali pada bagian “Contoh Hasil Capture Video”.

  21. blogger admin
    Google Chrome 5.0.342.3 | Windows XP

    Di FF aku pakai yang Screenshot Pimp namun sepertinya kau harus coba ini. Nyimak dulu dan coba dulu mas IS

    iskandaria
    Google Chrome 10.0.612.1 | GNU/Linux

    @blogger admin, kalo yang di firefox belum pernah saya coba sih mas. Mau nyobain juga ah kalo gitu. Siapa tau lebih baik daripada ekstensi Chrome di atas.

    hendro
    Firefox 3.6.13 | Windows XP

    @iskandaria,
    Mas Is liat deh…masa aku pake anonimous yang di chrome, pada komen di atas. Itu loh browser penyamaran yang ada di pojok chrome atas.
    Aku kan pake chrome 10 tapi yang muncul 5, aku cuma coba kirain ga kelihatan browsernya teryata kelihatan.

    Cahya
    Opera 11.00 | Windows Vista

    @hendro, Mas sepertinya fitur anonymous pada Chrome hanya untuk tidak meninggalkan jejak seperti cookies dan lain sebagainya. Tapi kalau peramban setidaknya tetap terdeteksi, alamat IP-pun masih direkam oleh server, tapi tidak oleh cookie – CMIIW.

    Saya biasanya langsung pakai “Snipping Tool” bawaan Acer :D.

    iskandaria
    Chromium 8.0.552.224 | Ubuntu 10.10

    @hendro, yang dikatakan mas Cahya sudah benar mas. Tapi saya sendiri belum pernah mencoba ekstensi anonymous tsb.

Blogroll :