Quantcast
Channel: 簡睿隨筆
Viewing all articles
Browse latest Browse all 897

捕捉每次點擊:用Keyviz展示你的按鍵操作,讓教學影片更生動

$
0
0

gh|700

在錄製影片時,有時需要將使用的鍵盤按鍵也一起顯示在螢幕上,以方便功能展示時讓觀眾能一目瞭然,這時鍵盤視覺化(可视化)工具就派上用場了。

以下彙總了我使用過的類似工具,最後再介紹Keyviz的使用重點:

  1. KeyCastOW
  2. MouseInc
  3. MouseTrack
  4. Keyviz: Windows、MacOS、Linux適用

1. KeyCastOW

2015年的程式,可由Winsows Store購買。

2. MouseInc滑鼠手勢工具

MouseInc也提供了按鍵重顯示的功能。MouseInc請參考我的影片:終極滑鼠手勢工具MouseInc出世,老前輩StrokeXX全部退位!

  • 作者因個人因素不再支援,但仍可搜尋到其他軟體網站上的程式。
  • 設定改用離線界面包

gh|700

3. MouseTrack

MouseTrack是我用來產生游標高亮的工具,它也有按鍵顯示功能。

gh|700

gh|700

4. Keyviz

2022年的1.0.6是穩定版,2023年有更新v2.0.0-alpha版,2.0版除了鍵盤視覺化外,也提供了滑鼠視覺化及更多的設定。想要嚐鮮的可試試2.0版,但目前2.0版設定後無法儲存,造成再次執行時恢復到原始設定。

經過我的測試,設定的操作是:

  1. 設定產生的style.json與config.json會寫到 C:\Users\使用者\OneDrive\文件\C:\Users\使用者\Documents
  2. 進入設定後做個變動,即會重新讀回設定

4.1. 執行

  • 系統匣左鍵:啟用切換
  • 系統匣右鍵:開啟功能表

4.2. 設定

由系統匣右鍵→【Settings】即可開啟設定視窗。按住頂端中央才能拖動視窗的位置。

Keyviz有4大類設定:

  1. General: 可忽略顯示特定的修飾鍵, Shift預設會被忽略
  2. Mouse: 設定顯示滑鼠點擊,顯示位置在固定位置,此功能目前應不使用
  3. Keycap(鍵帽): 設定鍵盤顯示樣式,變更設定時可按複合鍵以觀察設定狀態
  4. Appearance: 鍵盤顯示位置、動畫、顯示秒數等外觀設定

gh|500

4.3. Keycap(鍵帽)

4.3.1. Preset

Preset可提定要使用的4種鍵帽:

Minimal
gh|200

Flat
gh|200

Elavated
gh|200

Plastic
gh|200

Mechanical
gh|200

4.3.2. Typography 鍵帽字體

gh|500

  • 字體大小 (px)

  • 字體顏色

  • 大小寫

  • 修飾鍵顯示形式:全名(Control),短名稱(Ctrl),圖示(^)

    4.3.3. Layout 鍵帽佈局

    gh|500

  • 垂直方式:頂端、中央或底部

  • 水平方式: 靠左、中央或靠右

  • 是否顯示圖示

  • 是否顯示符號(3的符號是#)

  • 是否使用+分隔按鍵

4.3.4. Color 鍵帽顏色

gh|500

  • 填充類型:實心、漸層

  • 一般按鈕 區分 修飾鍵:點擊區分則可設定修飾鍵,預設二者相同

    4.3.5. Border 鍵帽邊框

    gh|700

  • 啟用後鍵帽顯示邊框線條,設定邊框的顏色與寬度等

4.3.6. Background

gh|700

啟用後按鈕顯示區會有背景底框。

5. 相關鏈接

✅ KeyCastOW: https://github.com/brookhong/KeyCastOW/issues
✅ 購買(HK$31): https://apps.microsoft.com/detail/9nwztztb05pg?hl=en-hk&gl=HK
✅ MouseTrack: https://www.swordsoft.idv.tw/mousetrack/
✅ 購買(US$6.99): https://apps.microsoft.com/detail/9pnk50trz0qb?rtc=1&hl=zh-tw&gl=TW
✅ Keyviz GitHub: https://github.com/mulaRahul/keyviz
✅ Keyviz官方網站: https://mularahul.github.io/keyviz/

6. 教學影片

##

您可能也會有興趣的類似文章


Viewing all articles
Browse latest Browse all 897

Trending Articles