vhs

この記事でわかること .tapeファイルの構成 .tapeファイルを実際に入力して作成する場合 .tapeファイルに出力設定を行う .tapeファイルを実行する 関連記事 VHSによるデモ動画GIFの作成環境の構築 VHSの設定ファイルからターミナル動画Gifを作成する 概要 前回の記事でVHSのセットアップを行いましたので、実際に設定ファイルを作成し ターミナル操作動画を作成していきます。 1. VHSの簡単な使い方 tapeファイルテンプレートの作成 vhs new sample.tape --- Created sample.tape .tapeファイルを編集する vi sample.tape 構文チェック vhs validate sample.tape .tapeファイルを実行する vhs < sample.tape 2. .tapeファイルの構成 2-1. 記録したい実行コマンドの記載 以下の設定を記載することでその結果を録画することができます。 [Format] [設定例] [意味] Type “[COMMAND]” Type “echo Test” 実行したいコマンドを記載 Sleep [NUM] Sleep 0.1s 待機する時間を設定 単位を省略すると秒(単位:ms, s) Enter [NUM] Enter 1 EnterキーをNum回実行 Ctrl+[KEY] Ctrl+C Ctrl+キーを実行 Wait /[STRING]/ Wait /Hello/ 画面に指定した文字が表示されるまで待つ Hide Hide Show設定が行われるまで画面表示を隠す Show Show Hide設定からShow設定までの画面結果を表示する Source [FILE....

このページでわかること ターミナル操作を自動録画する「VHS」のUbuntuへの導入手順 VHS実行時のChromium/Sandboxエラーの回避方法 関連記事 VHSによるデモ動画GIFの作成環境の構築 VHSの設定ファイルからターミナル動画Gifを作成する 経緯 今までターミナルのキャプチャーをWindowsのSnipping Toolを使ってたが、コマンド失敗時の取り直し等 時間がかかるので、調査したところVHSなるものを見つけたので調査検証した結果を残しておく。 執筆時の環境とバージョン Ubuntu: 22.04 VHS: v0.10.0 公式 Githubリポジトリ 環境構築 1. デモ動画作成ツール「VHS」の導入 (Ubuntu 22.04) ターミナル操作を自動化し、GIFアニメーションとして記録できるVHSをインストールします。 依存パッケージ(ttydとffmpeg)のインストール sudo apt update sudo apt install -y ttyd ffmpeg 2. Chromiumのインストール VHS実行時、初回ブラウザインストール後に以下のエラーが発生することがあります。 このエラーを回避するため、システムにChromiumを明示的にインストールする必要があります。 could not launch browser: [launcher] Failed to get the debug url: ... No usable sandbox! Chromiumのインストール方法 以下のいずれかの方法でインストールします。 [debパッケージから（Google Chrome）] wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb -O /tmp/google-chrome-stable.deb sudo apt install /tmp/google-chrome-stable.deb -y [Snapからインストール] sudo snap install chromium --classic --channel latest/stable 3....