ビデオ-フローチャート変換ツール

ビデオをフローチャートに変換

プロセスのビデオ（ソフトウェアのチュートリアル、トレーニングセッション、誰かが問題を段階的に解決するサポートコール）があるとします。これをマニュアル、オンボーディング資料、トラブルシューティングガイド用のフローチャートにする必要がありますが、描くにはビデオ全体を一時停止しながらもう一度見なければなりません。

ScreenAppはあなたに代わってビデオを視聴し、プロセスをフローチャートのステップとして書き出します。最初に何が起こるか、すべての決定点をはい/いいえの質問として、各回答がどこにつながるか、そして各ステップのタイムスタンプを記述します。また、Mermaidコードとしても同じフローを提供できます。これは、ダイアグラムツールが描画されたフローチャートに変換するプレーンテキスト形式です。

このページが何をするのかを明確にするために：ScreenAppはフローチャートを記述し、ダイアグラムツールがそれを描画します。 ScreenAppはボックスや矢印自体を描画しません。その出力をdraw.ioやMermaid Live Editorなどのツールに貼り付けると、ダイアグラムが表示されます。

仕組み

ビデオをフローチャートに変換する方法

1. ビデオを追加する。 ファイルをアップロードするか、このページ上部のボックスにリンクを貼り付けます。対応しているリンク：YouTube, TikTok, Instagram, Facebook, Vimeo and Loom links, direct audio and video links, PDFs and web articles。
2. ScreenAppに読み取らせる。 音声を文字起こしし、AIは音声だけでなく、ビデオフレームも読み取ります するため、画面に表示されるだけのステップもカウントされます。
3. フローチャートを要求する。 上記のボタンは、ステップ、決定、およびMermaidコードを一度に要求します。チャットで独自の要求を入力することもできます。
4. ビデオと照合して確認する。 各ステップにはタイムスタンプが付いています。ScreenAppでは、トランスクリプト内の瞬間をクリックすると、プレーヤーが録音のそのポイントにジャンプします。
5. ダイアグラムツールに貼り付ける。 draw.ioでは、Arrange、Insert、Advanced、Mermaidの順に開き、コードを貼り付けます。または、Mermaid Live Editorに貼り付けて、すぐにチャートを表示することもできます。

出力例

パスワードのリセットに関する短いサポートビデオは、次のように返される可能性があります。

flowchart TD
    A[Open sign-in page] --> B[Select Forgot password]
    B --> C[Enter account email]
    C --> D{Reset email arrived?}
    D -- Yes --> E[Open link and set new password]
    D -- No --> F[Check spam, request email again]
    F --> D

この例のビデオとステップは架空のものです。実際の結果は、追加したビデオとプロセスがどれだけ明確に示されているかによって異なります。

チャットに質問する

最初の回答は出発点です。同じチャットでフォローアップの質問をして、フローチャートを形成してください。

どのような用途で利用できますか

フローチャート、SOP、手順、マインドマップ？

ScreenAppには、動画を構造化するいくつかのページがあります。それぞれ異なるニーズに対応します。

できること、できないこと