Teams会議のトランスクリプトを開催者以外でも保存！ブラウザで実行するVTT取得スクリプト

Teams会議のトランスクリプトを開催者以外でも保存！ブラウザで実行するVTT取得スクリプト
🐙

GitHubにてソースコード公開中！

本記事で紹介しているスクリプト（get-transcript.js）と使い方は、GitHubリポジトリで公開しています。今後のアップデートもこちらで行いますので、ぜひチェックしてみてください！
👉 リポジトリ：TeamsScript / GetTranscript を見る

こんにちは！今回は、Microsoft Teamsの会議録画から「トランスクリプト（文字起こし）」をファイルとして保存するスクリプトを作成したのでご紹介します。

Teams会議のトランスクリプトは議事録の作成や内容の振り返りにとても便利ですが、「録画は見られるのに、トランスクリプトがダウンロードできない…」という経験はありませんか？
今回作成したスクリプトを使えば、ブラウザで録画を再生している画面からトランスクリプトを読み取り、VTT形式のファイルとしてダウンロードすることができます！


1. スクリプトを作成した背景

Teams会議のトランスクリプトは、通常は会議の開催者しかダウンロードできません。
開催者以外の人がトランスクリプトファイルを入手するには、次のどちらかが必要になります。

  • 開催者に依頼して、共同開催者に設定してもらう
  • 開催者からトランスクリプトファイルを直接もらう

どちらも開催者とのやり取りが発生するため、ちょっと手間がかかりますよね。
一方で、録画をブラウザで表示するとトランスクリプト自体は画面に表示されています。そこで、画面に表示されているトランスクリプトを直接読み取ってファイルに保存できるようにしました。


2. スクリプトの使い方

使い方はシンプルで、ブラウザの開発者ツール（コンソール）にスクリプトを貼り付けて実行するだけです。特別なツールのインストールは必要ありません。

ステップ1: 会議の録画を開いてトランスクリプトを表示

まずはブラウザで対象となる会議の録画を開き、トランスクリプトを表示します。

ステップ2: トランスクリプト欄を一番上までスクロール

スクリプトは表示されている位置から下に向かって読み取っていくため、トランスクリプト欄を一番上までスクロールしておきます。
トランスクリプトを表示した直後は一番上になっているので、通常はそのままで大丈夫です。

ステップ3: 開発者ツールのコンソールを開く

キーボードの F12 または Ctrl + Shift + I を押して開発者ツールを開き、「コンソール（Console）」タブを選択します。

ステップ4: スクリプトを貼り付けて実行

後述する get-transcript.js の中身をすべてコピーしてコンソールに貼り付け、Enter キーで実行します。

⚠️ 注意事項：コンソールに貼り付けができない場合
ブラウザによっては、初めてコンソールに貼り付けようとすると警告が表示され、貼り付けがブロックされることがあります。
その場合は、コンソールに allow pasting と入力して Enter を押し、そのあと改めてスクリプトを貼り付けてください。

ステップ5: 完了するまで待つ

スクリプトを実行すると、トランスクリプト欄が自動でスクロールされ、発言の読み取りが進んでいきます。進み具合はコンソールに表示されます。
実行中は画面を操作しないでください。スクロール位置が変わると、正しく読み取れなくなる可能性があります。

最後まで読み取りが終わると、Teams_Transcript_Extracted.vtt というファイルが自動でダウンロードされます。


3. 出力されるVTTファイルのイメージ

ダウンロードされたファイルは、以下のようなVTT形式になっています。
発言ごとに「開始時刻 --> 終了時刻」と「話者名・発言内容」が記録されています。 

WEBVTT

xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/1-0
00:00:03.000 --> 00:00:10.000
<v 山田 太郎>それでは会議を始めます。</v>

xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/2-0
00:00:10.000 --> 00:00:15.000
<v 佐藤 花子>よろしくお願いします。</v>
💡 開催者に依頼しなくてもトランスクリプトが手に入る！
VTT形式はTeamsからダウンロードできるトランスクリプトと同じ形式なので、議事録の作成や、生成AIに渡して会議内容を要約してもらうといった用途にもそのまま活用できます。

4. スクリプトの仕組み

スクリプトの中では、大きく分けて次のような処理を行っています。

  1. 画面に表示されているトランスクリプトの発言から、話者名・タイムスタンプ・発言内容を読み取ります。
  2. トランスクリプト欄の最後の発言までスクロールし、新しい発言を読み込みながら取得を続けます。
  3. 新しい発言が読み込まれない状態が4回続いたら、最後まで到達したと判断して取得を終了します。
  4. 取得した発言を順番に並べてVTT形式に整形し、ファイルとしてダウンロードします。
💡 補足：タイムスタンプの取得方法

Teamsのトランスクリプト欄には、画面の読み上げ用に「話者名 1 時間 2 分間 3 秒間」のようなラベル（aria-label）が設定されています。スクリプトではこのラベルを正規表現で分解し、話者名と時刻を取り出しています。

  • 開始時刻：各発言のタイムスタンプ（秒単位）
  • 終了時刻：次の発言の開始時刻（最後の発言だけは開始時刻の5秒後）
⚠️ 注意事項
  • 日本語表示のTeamsを前提にしています。タイムスタンプを日本語の読み上げ用ラベルから取り出しているため、ほかの言語で表示している場合は時刻を正しく取得できません。
  • Teamsの画面構成（HTMLのクラス名など）が変わると、動かなくなる可能性があります。
  • 利用にあたっては、所属組織のルールや会議参加者の意向に従ってください。

5. スクリプトのソースコード公開

GitHubに公開している get-transcript.js のコード本体です。以下のコードをコピーして、コンソールに貼り付けてご利用ください。 

(async () => {
  console.log("【開始】トランスクリプトの抽出を開始します。画面を操作せずにお待ちください...");

  const extractedData = new Map();
  let stagnantCount = 0;
  let lastProcessedIndex = -1;
  const sessionUuid = crypto.randomUUID ? crypto.randomUUID() : "123e4567-e89b-12d3-a456-426614174000";

  const formatTime = (h, m, s) => {
    const hh = String(h).padStart(2, '0');
    const mm = String(m).padStart(2, '0');
    const ss = String(s).padStart(2, '0');
    return `${hh}:${mm}:${ss}.000`;
  };

  const extractVisibleItems = () => {
    const entries = document.querySelectorAll('[class*="baseEntry-"]');
    entries.forEach(entry => {
      const textEl = entry.querySelector('[class*="entryText-"]');
      if (!textEl) return;

      const indexStr = textEl.getAttribute('aria-posinset') || textEl.id.replace(/\D/g, '');
      const index = parseInt(indexStr, 10);
      const text = textEl.innerText.trim();
      const ariaLabel = entry.getAttribute('aria-label') || "";
      const match = ariaLabel.match(/(.+?)\s+(?:(\d+)\s*時間\s*)?(?:(\d+)\s*分間\s*)?(?:(\d+)\s*秒間)$/);
      let name = ariaLabel, h = 0, m = 0, s = 0;

      if (match) {
        name = match[1]; h = parseInt(match[2] || '0', 10); m = parseInt(match[3] || '0', 10); s = parseInt(match[4] || '0', 10);
      }
      if (text && !extractedData.has(index)) {
        extractedData.set(index, { name, h, m, s, text });
      }
    });
  };

  extractVisibleItems();

  while (true) {
    const entries = document.querySelectorAll('[class*="baseEntry-"]');
    if (entries.length === 0) break;

    const lastEntry = entries[entries.length - 1];
    const textEl = lastEntry.querySelector('[class*="entryText-"]');
    const currentIndex = textEl ? parseInt(textEl.getAttribute('aria-posinset') || textEl.id.replace(/\D/g, ''), 10) : -1;

    lastEntry.scrollIntoView({ behavior: 'smooth', block: 'end' });
    await new Promise(r => setTimeout(r, 1500));
    extractVisibleItems();

    if (currentIndex === lastProcessedIndex) {
      stagnantCount++;
      console.log(`読込待機中... (${stagnantCount}/4)`);
      if (stagnantCount >= 4) {
        console.log("【完了】終端に到達しました。");
        break;
      }
    } else {
      stagnantCount = 0;
      lastProcessedIndex = currentIndex;
    }
  }

  console.log(`【抽出完了】合計 ${extractedData.size} 件の発言を取得しました。VTT形式でファイルを作成します...`);
  let outputText = "WEBVTT\n\n";
  const sortedKeys = Array.from(extractedData.keys()).sort((a, b) => a - b);

  for (let i = 0; i < sortedKeys.length; i++) {
    const key = sortedKeys[i];
    const data = extractedData.get(key);
    const nextData = i + 1 < sortedKeys.length ? extractedData.get(sortedKeys[i + 1]) : null;
    const startTime = formatTime(data.h, data.m, data.s);
    let endTime = "";
    if (nextData) {
      endTime = formatTime(nextData.h, nextData.m, nextData.s);
    } else {
      let endS = data.s + 5, endM = data.m, endH = data.h;
      if (endS >= 60) { endS -= 60; endM++; }
      if (endM >= 60) { endM -= 60; endH++; }
      endTime = formatTime(endH, endM, endS);
    }
    outputText += `${sessionUuid}/${key}-0\n${startTime} --> ${endTime}\n<v ${data.name}>${data.text}</v>\n\n`;
  }

  const blob = new Blob([outputText], { type: 'text/vtt;charset=utf-8' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = 'Teams_Transcript_Extracted.vtt';
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
  console.log("【🎉 成功】Teams_Transcript_Extracted.vtt のダウンロードが完了しました！");
})();

まとめ

今回は、Teams会議の録画画面からトランスクリプトを読み取り、VTT形式のファイルとして保存するスクリプトをご紹介しました。
開催者にお願いしなくても、録画を見られる環境さえあればトランスクリプトを手元に残せるので、議事録作成や会議の振り返りがぐっとラクになります。ぜひ試してみてくださいね！

コメント

コメントを投稿

このブログの人気の投稿

Power Automateでファイル名から拡張子を取得

イメージ
Power Automateでファイル名から拡張子を取得 Power Automateでファイル名から拡張子を取得 以前、 Power Automateで自動ファイルバックアップ（OneDrive） という記事で ファイル名から拡張子を取得する方法 をまとめました。 その際には複数の変数を用意して、かつ関数も使用して取得していましたが、これはフロー作成にかなり手間がかかるものです。 そのため、どうにか簡略化できなかと検討したところ新しい取得方法で、より簡潔に作成できることがわかったので、今回はファイル名から拡張子を取得する方法について新しい手法をまとめたいと思います。 作成方法を解説 まず取得する方法を説明する前に、以前の方法ではどのように取得していたかというと、 ファイル名から拡張子までの文字数を取得 ファイル名の拡張子部分の長さを取得する 拡張子の開始位置から、拡張子の文字数分だけ切り取って取得する といった手順を踏んでいました。 詳細は先程リンクを貼っているブログか、文字列抽出方法をまとめたブログがあるので参考にしてください。 Power Automateで文字列抽出 このように以前の方法ですと、ステップ数が増えるため作成も手間ですし、メンテナンス性も良くない状況です。 なのでもっと簡略化して実装する方法を紹介します。また2つの関数を使用するものの、シンプルなため可読性は高いです。さらに、今回の方法で実装すると事前準備していた変数3つが不要になります！！ では、いよいよ本題に入ります。 今回使用する関数は split と last の2つになります。 split関数 split関数 は文字列を指定の文字で 分割 する関数です。 ...
続きを読む

PowerAppsで座席表を作成する

イメージ
PowerAppsで座席表を作成する。 PowerAppsで座席表を作成する。 昨今、会社では指定された先がなく、自由に席を選んで仕事ができる フリーアドレス が増えてきているのではないでしょうか。 私の会社も フリーアドレス を採用しているのですが、その日の気分によって座る場所を変えることができるので私は気に入っています。 ただ自由で便利な反面、困る場面もあるかと思います。 フリーアドレス は自由に座れるのですが、だれがどこに座っているのか分からなくなる状況があります。 さらに テレワーク が重なると出社していない人もいるため、より分からなくなるかと思います。 みなさんの会社でも同様の状況になっていないでしょうか。 もちろん最近は便利なアプリなどによって改善されていたり気がしますが、そのアプリの利用料などがかかるため導入にためらってしまったりするかと思います。 なので今回は、この課題を Power Apps で改善をしていきます。 アプリの概要 アプリの概要を簡単に説明します。 Labelを複数配置していき、机や椅子、その他会議室やロッカーなどを表現 席用のLableの「OnSelect」メソッドにフロー起動の処理を追加 上記だけで簡易な座席表を作成できます。 別途データベース用のListsを作成しておきます。 それでは、Listsの作成から進めています。 下準備 今回のアプリのデータベースはMicrosoft Listsを使用します。 適当な場所にListsを下記内容で作成します。 必要なカラムは「Title(Id)」「Name」です。 今回は適当に数個座席を作成しておきます。「Name」部分は空...
続きを読む

NotebookLMのローカル版「Open Notebook」をLM Studioで完全オフライン構築してみた

イメージ
NotebookLMのローカル版「Open Notebook」をLM Studioで完全オフライン構築してみた！ Googleの「 NotebookLM 」、便利ですよね。資料をアップロードするだけで、AIが内容を理解して回答してくれたり、ポッドキャスト風に解説してくれたりするあのツールです。 「でも、社内秘のドキュメントをGoogleにアップロードするのはちょっと…」 「インターネットに繋がっていない環境でも使いたい！」 そんなニーズに応えるべく、GitHubで公開されているOSSの「 Open Notebook 」を試してみました。今回はこれを、以前の記事でも紹介した LM Studio と組み合わせて、 「完全ローカル（インターネット不要）」な環境 で動作させることに挑戦しました。 構築にあたって少しハマりポイントがあったので、その回避方法も含めて共有します。 Open Notebookとは？ Open Notebookは、Google NotebookLMのオープンソース代替を目指したプロジェクトです。PDFやWebサイトのURLをソースとして読み込ませ、その内容についてチャットを行うことができます。 公式リポジトリはこちら： https://github.com/lfnovo/open-notebook 構成：LLMは「LM Studio」を採用 Open Notebookは通常、OpenAIなどのAPIキーを設定して使いますが、今回は 完全ローカル を目指すため、バックエンドのLLMとして LM Studio を採用します。 LM Studioでサーバーを立ち上げ（ポート1234など）、Open Notebook（Dockerコンテナ）からそこに接続する構成です。 ベースとなる docker-compose.yml は以下のようになります。 ...
続きを読む