← Blog

Cara Menampilkan Tombol Keyboard dan Mouse di Video Gameplay: Keystroke Overlay (2026)

Cara menampilkan input keyboard dan mouse di video gameplay — grafik ringkasan langkah demi langkah
Poin penting
  • Keystroke overlay adalah tampilan yang memperlihatkan input keyboard dan mouse yang sedang kamu tekan secara real time, langsung di atas layar game.
  • Untuk tutorial combo dan mekanik, berbagi input, serta mengevaluasi permainanmu sendiri, overlay ini menyampaikan kontrolmu jauh lebih jelas daripada kata-kata.
  • Biasanya kamu harus memasang program terpisah seperti NohBoard bersama OBS lalu mengatur posisi dan skin-nya secara manual, dan itu merepotkan.
  • DOR mencatat input keyboard dan mouse selama merekam, jadi kamu bisa menampilkan input overlay di klip yang sudah jadi atau menempelkannya ke video lewat Trim Section.

Saat kamu memamerkan movement presisi di game shooter, combo di game fighting, atau skill combo di MOBA lewat video, layar saja jarang bisa memperlihatkan tombol apa yang sebenarnya kamu tekan. Karena itu, sebagian besar video tutorial dari pemain jago selalu menampilkan input keyboard dan mouse di salah satu sudut layar.

Di artikel ini, kita bahas langkah demi langkah apa itu keystroke overlay, kenapa layak diaktifkan, bagaimana orang biasanya membuatnya, dan cara menampilkan input tombol di klip yang direkam dengan DOR lalu menambahkannya ke video.

Apa Itu Keystroke Overlay

Keystroke overlay adalah tampilan yang menumpuk grafik real time dari tombol keyboard, tombol mouse, dan gerakan mouse yang sedang kamu gunakan di atas video gameplay. Dalam bahasa Inggris disebut key input overlay atau keystroke overlay, dan biasanya muncul sebagai bentuk keyboard kecil di salah satu sudut layar.

  • Tombol yang kamu tekan menyala atau berubah warna, jadi langsung terlihat tombol mana yang ditekan.
  • Input mouse seperti klik kiri dan kanan, scroll wheel, dan arah gerakan juga bisa ditampilkan.
  • Movement WASD, tombol skill, dan aksi seperti lompat atau dash sejajar sempurna dengan aksi di layar beserta timing-nya.
Input overlay NohBoard asli yang menampilkan keyboard lengkap serta tombol kiri dan kanan mouse
Tampilan asli NohBoard v1.3.0 · GPL-2.0

Kenapa Menampilkan Input Itu Membantu

Menampilkan input tombol di layar membuat kamu bisa menyampaikan kontrol yang sulit dijelaskan dengan kata-kata secara presisi. Ini sangat efektif dalam situasi berikut.

  • Tutorial combo dan mekanik: penonton bisa meniru persis tombol apa yang kamu tekan, dengan urutan dan timing seperti apa.
  • Berbagi input: saat kamu memposting movement atau koreksi aim sepersekian detik ke komunitas, input yang terlihat membuatnya jauh lebih meyakinkan.
  • Mengevaluasi permainan sendiri: saat menonton ulang permainanmu, kamu bisa menemukan sendiri momen tanganmu kacau dan tombol yang ditekan tanpa perlu.

Contohnya, counter-strafing di Valorant, skill combo cepat di League of Legends, dan movement slide-and-jump di Apex Legends jadi jauh lebih mudah dipahami kalau input tombolnya ikut ditampilkan.

Untuk video tutorial, tambahkan catatan singkat bahwa sensitivitas mouse dan key binding berbeda untuk tiap orang. Tombol yang sama bisa terasa berbeda tergantung setup-nya, jadi catatan ini membantu mengurangi salah paham.

Cara yang Biasa Dipakai: OBS + NohBoard

Untuk membuat keystroke overlay sendiri, umumnya kamu menggabungkan program siaran seperti OBS dengan program penampil tombol terpisah seperti NohBoard. Konsepnya sederhana, tapi begitu benar-benar diatur, butuh usaha yang lumayan.

  • Kamu harus mengunduh, memasang, dan terus menjalankan program penampil tombol terpisah seperti NohBoard.
  • Kamu harus memilih layout tombol dan skin yang ditampilkan, lalu mengatur terpisah agar input mouse juga muncul.
  • Di OBS, kamu harus memasukkan tampilan itu lewat window capture atau chroma key, lalu mengatur posisi dan ukurannya secara manual.
  • Kalau lupa menjalankan program itu setiap kali merekam, input tidak akan tertangkap di klip saat momen penting terjadi.

Bagi yang sudah terbiasa dengan setup siaran, ini masih bisa dilakukan, tapi bagi yang hanya ingin cepat menyimpan momen bagus, hambatannya tinggi. Selain itu, setup seperti ini membuat input sulit dinyalakan dan dimatikan secara terpisah saat kamu mengedit klip nanti.

Menampilkan Input Tombol dengan DOR

DOR adalah tool perekam game dan klip gratis yang otomatis mendeteksi game yang didukung lalu merekamnya. Selama merekam, DOR juga mencatat input keyboard dan mouse, jadi kamu bisa menampilkan input overlay di klip yang sudah jadi tanpa memasang plugin terpisah atau mengatur posisinya.

  • Tidak perlu memasang program terpisah seperti NohBoard atau menggabungkan tampilannya di OBS.
  • Tidak ada program penampil yang harus dibuka sebelum merekam, jadi tidak ada yang lupa dinyalakan.
  • Overlay digambar di atas video saat diputar, jadi rekaman aslimu tetap utuh; overlay baru ditempelkan permanen kalau switch input overlay dibiarkan aktif di Trim Section atau di langkah edit saat berbagi.
  • Klip dengan input tombol yang sudah ditempelkan bisa diekspor sebagai file atau diposting ke dor.gg untuk dibagikan.
Layar edit DOR Studio dengan panel efek terbuka
Editor DOR Studio. Penempelan overlay input tombol ke klip dilakukan di aplikasi desktop, lewat Trim Section atau langkah edit saat berbagi.
Kalau kamu berencana membuat tutorial mekanik, simpan klip DOR yang menangkap momen terbaikmu, jangan dihapus. Data input-nya tetap tersimpan bersama klip, jadi nanti kamu bisa memotong bagian yang dibutuhkan saja dan menambahkan input tombolnya.

Kesimpulan

Keystroke overlay sangat membantu untuk memperlihatkan combo dan mekanik, berbagi input, dan mengevaluasi permainanmu sendiri. Membuatnya sendiri berarti kamu harus mengurus instalasi dan setup kombinasi OBS dan NohBoard. Kalau kamu merekam dengan DOR, input-mu sudah tercatat bersama videonya, jadi kamu bisa menampilkannya di klip yang sudah jadi dan menempelkannya hanya di bagian yang dibutuhkan. Kalau kamu ingin membuat video yang memperlihatkan kontrolmu dengan jelas, cukup aktifkan sekali dan hasilnya langsung terasa beda.

Rekaman yang mulai bersamaan dengan game-mu: aplikasi perekam game gratis →

DOR Clips

Klip Valorant di DOR

Lihat lainnya di DOR →

Video Valorant yang direkam dan diunggah pengguna DOR. Ketuk salah satu untuk memutarnya di dor.gg.

FAQ

FAQ

Sebenarnya apa itu keystroke overlay?

Tampilan yang menumpuk grafik real time dari tombol keyboard serta tombol dan gerakan mouse yang sedang kamu tekan di atas video gameplay. Fungsinya menyampaikan kontrol seperti combo dan movement kepada penonton secara presisi.

Apa bedanya membuat overlay dengan OBS dan NohBoard dibanding DOR?

OBS + NohBoard mengharuskan kamu memasang program terpisah dan mengatur layout tombol, skin, dan posisi secara manual, tapi bisa menampilkan tombol secara langsung saat streaming. DOR mencatat input selama merekam, jadi tanpa setup itu kamu bisa menampilkan input overlay di klip yang sudah jadi, dan overlay ditempelkan ke klip baru saat switch input overlay aktif di Trim Section. Overlay DOR dipakai untuk klip dan video hasil rekaman yang kamu edit dan bagikan.

Apakah input mouse juga ditampilkan?

Keystroke overlay bisa menampilkan bukan hanya input keyboard, tapi juga input mouse seperti klik kiri dan kanan serta gerakannya. Ini sangat berguna saat menjelaskan koreksi aim atau movement.

Apakah nyaman dipakai di komputer spek rendah?

Saat DOR mencatat input-mu, kamu tidak perlu terus menjalankan program penampil terpisah seperti NohBoard. Beban perekaman tetap bergantung pada PC dan setting kualitas rekamanmu, jadi di PC spek rendah, buat rekaman tes singkat dan cek frame rate di dalam game terlebih dahulu.

Bagaimana cara terbaik memakainya saat membuat video tutorial?

Klip yang direkam dengan DOR menyimpan data input keyboard dan mouse, jadi kamu bisa mengumpulkan klip berisi momen terbaikmu, memotong bagian yang dibutuhkan di Trim Section dengan input tombol yang sudah ditempelkan, lalu merapikannya jadi tutorial combo atau mekanik.

Games

Panduan game terkait

Baca selanjutnya

Artikel terkait

Mulai pakai DOR

Rekam game yang didukung dengan DOR dan cek halaman tiap game untuk cara rekam pastinya