スクリーンショット

録画をスクリーンショット付きのガイドに

最大100分のスクリーン録画をアップロードすると、Hintoが手順ガイド、SOP、ヘルプ記事を書き、各手順に録画から切り出したスクリーンショットを添えます。どの静止画もGIFやクリップに切り替えられ、トリミング、非公開にしたい部分のぼかし、代替テキストの編集まで同じエディタで行えます。

ダッシュボードを開く

00:21時点のスクリーンショット

最初のエクスポートを実行

00:48時点のスクリーンショット

手順ごとに録画から切り出すスクリーンショット

Hintoは記事を書きながら、各手順が画像を必要とする録画上の瞬間に印を付け、静止画はそのフレームで動画から切り出されます。

onboarding-walkthrough.mp4
初めてのエクスポートを実行する方法
1ダッシュボードを開く
2初めてのエクスポートを実行する
3結果を共有する
書きながら印を付ける
記事を書くモデルは、手順に視覚的な参照が必要な箇所に静止画を入れ、その画像が録画の何秒の時点から来ているかを記すよう指示されています。
その正確なフレームで切り出す
Hintoは録画のその位置までシークし、動画そのものの解像度のままフレームを保持します。拡大縮小はしません。
瞬間がずれていたら動かす
静止画をエディタで開き、時間スライダーを同じ録画のより良い瞬間までドラッグします。録り直しは必要ありません。仕組みを見る

スクリーンショットを配置する手順ガイド

3つの記事テンプレートが録画からの静止画を置くよう指示されています。詳細な操作ガイド、機能概要、ガイド付きレッスンです。エディタではどの静止画もGIFやクリップにできます。長い記事なしでスクリーンショットだけが欲しい場合は、動画スクリーンショットのプロジェクトタイプを選びます。

詳細な操作ガイド

手順ごとに静止画

このテンプレートは、手順に視覚的な参照が必要な箇所に、録画でそれが起きた瞬間から切り出した静止画を入れるよう指示されています。

機能概要

ページとその要素の静止画

1つのページや機能をひととおり説明し、解説している要素の横に録画からの静止画を並べます。

ガイド付きレッスン

手順を再生するクリップ

エディタで静止画をクリップに切り替えると、レッスンはその区間を録画の音声のまま再生します。

記事を離れずに静止画を編集

どの画像も1つのエディタで開きます。GIFやクリップに切り替え、トリミングし、一部を指し示し、非公開にしたい部分をぼかし、回転できます。

フレームを編集
スクリーンショットGIFクリップトリミング枠フォーカスぼかし回転
スクリーンショット、GIF、クリップ
同じブロックで、静止画、最長30秒のGIF、トリミングしたクリップを切り替えられます。いずれも同じ録画から切り出されます。
トリミング
手順が対象としている部分にボックスをドラッグします。
枠
ボタンや入力欄を枠で囲んで、読者に位置を示します。
フォーカス
1か所だけ鮮明に残し、その外側をぼかします。
ぼかし
記事を共有する前に、メールアドレス、氏名、キーをぼかします。
回転
横向きで撮った録画のために、画像を時計回りに90度回します。
仕組みを見る

録画から一場面を切り出す

ブロックはクリップにもできます。トリミングしても録画の音声はそのまま残ります。

開始点と終了点を決める

録画に紐づくブロックをクリップに切り替え、2つのハンドルを最長5分までの好きな区間までドラッグします。トリミングした部分がそれ自体の動画になります。
仕組みを見る
クリップ

クリップは録画の音声を残します

クリップは録画そのままの音声、つまりナレーションとその区間の音を残します。単体で再生され、既定ではループします。音を出したくない場合はミュートにチェックを入れられます。
オプション
自動再生ループミュート

公開した記事の中で再生されます

クリップは設定した自動再生、ループ、ミュートの選択とともに本物の動画として記事に入るので、公開ページの読者は手順を読む代わりに見られます。
仕組みを見る
docs.yourcompany.com
2. 初めてのエクスポートを実行する

すべての画像にAIによる代替テキスト

同じ抽出処理でアクセシビリティとSEOに対応します。抽出された画像にはそれぞれ説明が書かれ、あとから変更できます。

記事と一緒に書かれます
2. PDFを選んでエクスポートをクリック![PDFのオプションが選択され、エクスポートボタンが強調されたエクスポートダイアログ](/screenshot/00:48)モデルはスクリーンショットの参照の中に説明を書き込みます。
フレームを編集
代替テキスト再生成PDFのオプションが選択され、エクスポートボタンが強調されたエクスポートダイアログ代替テキストを再生成
依頼したときではなく、抽出時に書かれます
録画を記事に変えるモデルが、画像を配置しながらその説明を書きます。説明が付かなかった画像には、次の生成処理で説明が入ります。
公開前に手を入れる
生成された文章は編集できる入力欄で開くので、自分の言葉に書き直したり、モデルが漏らした情報を足したりできます。
仕組みを見る
いつでも再生成できます
画像をエディタで開き、代替テキストの横の再生成をクリックするか、記事のメニューの代替テキストを再生成を使います。Hintoが新しい説明を書き、それまでのものを置き換えます。

背景、余白、角のスタイルを設定

画像の見え方をプロジェクト全体で一度決めるか、画像ごとに上書きします。

背景
余白なし小中
角丸なし角丸
スタイル適用後
1枚の画像にスタイルを設定
抽出されたスクリーンショットの画像エディタを開き、背景色、余白、角の丸みを設定します。このスタイルはその画像だけに適用されます。
仕組みを見る
またはプロジェクト全体に一度だけ設定
プロジェクト設定には同じ3つの項目、背景、余白、角があります。ここで設定すると、独自の上書きを持たないすべての画像がそれを引き継ぎます。

人が実際にたどるガイド

SOPと業務手順ガイド

録画したウォークスルーを手順ごとのSOPに変え、必要な手順にはスクリーンショットを添えます。

オンボーディングとトレーニングガイド

すでに実施しているセッションを文章にすれば、新しいメンバーはあなたの時間を予約せずに読んで学べます。

アプリマニュアル

アプリを一度録画して、ユーザーが検索できるマニュアルを公開します。

ユーザーマニュアル

チームが使わなければならないツールのマニュアルを、1本の録画から作成します。

スクリーン録画からのスクリーンショットに関するご質問

すべてのフレームを解析するわけではありません。Hintoが記事を書く間に、モデルは手順に視覚的な参照が必要な瞬間を録画の中で印を付けるよう指示され、静止画はその正確なフレームから、動画そのものの解像度で切り出されます。

手元のスクリーン録画で試してみる

最初の15動画分は無料です。