研修動画やセミナー映像をLMSで管理するには、動画ファイルをSCORM教材に変換する必要があります。本記事では、動画をSCORM化する3つの方法と、完了判定の設計やファイルサイズ対策など動画特有の注意点を詳しく解説します。
1. 動画をSCORM化するとは?——何ができるようになるのか
MP4などの動画ファイルを社内サーバーやクラウドストレージに置いて「見てください」と共有するだけでは、誰がどこまで視聴したかを把握できません。動画をSCORM教材に変換すると、以下のことが可能になります。
- 学習履歴の記録——誰がいつ動画を視聴したか(開始日時・最終アクセス日時)がLMSに自動記録されます。
- 完了判定——動画を最後まで視聴したか、一定割合以上視聴したかをLMSが判定し、「完了」「未完了」のステータスを管理できます。
- 進捗管理——複数の動画教材を含むコース全体の進捗率を、受講者ごとに一覧で確認できます。
- テストとの連携——動画視聴後に理解度テストを出題し、合否やスコアをLMSに記録できます。
- レポート・分析——部署別・期間別の受講状況レポートを出力し、研修の効果測定に活用できます。
つまり、動画をSCORM化することで、「ただ動画を配信する」状態から「学習として管理できる」状態へ変わるのです。
2. 動画SCORM化の3つの方法
動画をSCORM教材に変換する方法は、大きく分けて以下の3つです。
| 項目 | 方法1: オーサリングツール | 方法2: 変換サービスに外注 | 方法3: HTML/JSで自作 |
|---|---|---|---|
| 難易度 | 中(ツールの操作を覚える必要あり) | 低(発注するだけ) | 高(HTML/JS/XMLの知識が必要) |
| 費用 | ツール代 年間約10〜20万円程度 | 1教材あたり5〜30万円程度 | 人件費のみ(ツール代不要) |
| 所要時間 | 数時間 | 1〜3週間 | 数日〜1週間 |
| カスタマイズ性 | 中(ツールの機能範囲内) | 高(要件に応じた開発が可能) | 非常に高(自由に設計可能) |
| おすすめの人 | 自分で教材を手軽に量産したい担当者 | 高品質な教材を手間なく作りたい企業 | Web開発スキルを持つ技術者 |
どの方法が最適かは、予算・スキル・教材の量・求める品質によって異なります。以下でそれぞれの具体的な手順を見ていきましょう。
3. 方法1: オーサリングツールで変換する
オーサリングツールを使えば、動画ファイルを読み込んでSCORM教材に変換する作業をGUIで完結できます。代表的なツールとしてiSpring SuiteとArticulate Storylineがあります。
iSpring Suiteでの変換手順
- iSpring Suiteをインストールする——公式サイトからダウンロードし、インストールします。PowerPointのリボンに「iSpring Suite」タブが追加されます。
- PowerPointで新規プレゼンテーションを作成する——動画教材のベースとなるスライドを1枚用意します。タイトルスライドを作成しておくと、LMS上での見栄えが良くなります。
- 動画ファイルを挿入する——iSpring Suiteの「挿入」メニューから動画(MP4)を追加します。スライド上に動画プレーヤーが配置されます。PowerPointの標準機能で動画を挿入することも可能です。
- 再生設定を調整する——自動再生・クリック再生の切り替え、動画のサイズや配置を調整します。スライド全面に動画を表示するレイアウトが一般的です。
- 完了条件を設定する——iSpring Suiteのパブリッシュ設定で、「全スライド閲覧で完了」を選択します。動画スライドが1枚であれば、そのスライドの表示完了が教材の完了条件となります。
- SCORM形式でパブリッシュする——「パブリッシュ」ボタンから「SCORM 1.2」または「SCORM 2004」を選択し、ZIPファイルを出力します。
- LMSにアップロードして動作確認する——生成されたSCORMパッケージをLMSにアップロードし、動画の再生・完了判定・進捗記録が正しく動作するかを確認します。
Articulate Storylineでの変換手順
- Storylineで新規プロジェクトを作成する——空白のプロジェクトを作成します。
- 動画を挿入する——「挿入」メニューから「ビデオ」→「ファイルから」でMP4ファイルを読み込みます。
- トリガーを設定する——動画の再生完了時に変数を変更するトリガーを追加し、完了判定に利用します。たとえば「動画再生完了時にComplete変数をTrueに設定」とします。
- 結果スライドを設定する(任意)——動画視聴後のテストを追加する場合、結果スライドでスコアをSCORMに送信する設定を行います。
- パブリッシュ設定でSCORMバージョンと完了条件を指定する——トリガーで設定した変数や結果スライドの合否を完了条件として指定し、SCORMパッケージを出力します。
iSpring Suiteは手軽さに優れ、Storylineはトリガーや変数を活用した高度な制御が可能です。
4. 方法2: SCORM変換サービスに外注する
「ツールの操作を覚える時間がない」「社内に制作リソースがない」「動画の編集や字幕追加も含めて依頼したい」という場合は、eラーニング制作会社への外注が効率的です。
外注の一般的な流れ
- 問い合わせ・ヒアリング——制作会社に動画の内容と要件(動画の本数・長さ、対応SCORMバージョン、LMSの種類、完了条件、テストの有無など)を伝えます。
- 見積もり・仕様確定——動画の本数・長さ・字幕の有無・テストの有無などに基づいて見積もりが提示されます。
- 素材の提供——動画ファイル(MP4)、テスト問題の原稿、ロゴ素材などを制作会社に渡します。
- 制作・変換——制作会社がSCORMパッケージの設計・開発・テストを行います。必要に応じて動画の編集(チャプター分割、字幕追加など)も対応します。
- 確認・修正——完成した教材をLMSで確認し、修正があればフィードバックします。
- 納品——SCORMパッケージ(ZIPファイル)が納品されます。
外注のメリット
- 動画編集からSCORM化までワンストップで依頼できる
- 完了判定のロジック設計やLMS互換性テストをプロに任せられる
- ストリーミング対応やレスポンシブ対応など、技術的に難易度の高い要件にも対応してもらえる
- 複数の動画を一括で変換する場合、ボリュームディスカウントが期待できる
動画のSCORM化は、パッケージ内に動画を同梱するかストリーミングにするかの判断や、完了判定のロジック設計など、動画特有の検討事項が多くあります。SCORM制作の専門知識を持つ制作会社であれば、こうした技術的な課題も含めて対応してもらえます。
5. 方法3: HTML/JSで自作する
Web開発のスキルがある技術者であれば、HTML5の要素とSCORM APIを組み合わせて、動画SCORM教材を自作できます。ツールのライセンス費用がかからず、完了判定のロジックを完全に自由に設計できるのが最大のメリットです。
自作の手順
- HTMLファイルを作成する——HTML5の
要素で動画プレーヤーを配置します。再生・一時停止・シークバーなどのコントロールは、ブラウザ標準のコントロールを使うか、JavaScriptでカスタムUIを構築します。 - SCORM API Wrapperを組み込む——教材のJavaScriptにSCORM APIとの通信コードを追加します。pipwerks SCORM APIラッパーなどのオープンソースライブラリを使うと、SCORM 1.2/2004の両方に対応した実装が簡単になります。
- LMSとの接続処理を実装する——ページ読み込み時に
LMSInitialize()(SCORM 1.2)またはInitialize()(SCORM 2004)を呼び出してLMSとの接続を開始します。ページ離脱時にLMSFinish()またはTerminate()で接続を終了します。 - 完了判定ロジックを実装する——動画の
timeupdateイベントを監視し、視聴済みの範囲を追跡します。たとえば、動画の総時間の90%以上を視聴した時点でcmi.core.lesson_status(SCORM 1.2)をcompletedに設定してLMSに送信します。詳細は次章で解説します。 - レジューム機能を実装する(任意)——
cmi.core.lesson_location(SCORM 1.2)またはcmi.location(SCORM 2004)に最後の再生位置(秒数)を保存し、再開時にその位置から再生を開始する処理を追加します。 - imsmanifest.xmlを作成する——SCORMパッケージのマニフェストファイルを作成し、教材タイトル・構成・起動ファイルを定義します。
- ZIPにパッケージングしてテストする——すべてのファイルをZIPにまとめ、
imsmanifest.xmlをZIPのルートに配置します。SCORM対応のテスト環境やLMSで動作確認を行います。
実装のポイント
動画SCORM教材を自作する場合、特に重要なのは視聴追跡の精度です。単純に「再生時間が一定以上になったら完了」とすると、早送りやシークで完了判定をすり抜けられてしまいます。これを防ぐには、動画の再生区間を細かく分割し、各区間が実際に再生されたかどうかをフラグで管理する方法が有効です。
6. 動画SCORM教材の完了判定——どう設計するか
動画教材の完了判定は、スライド教材と比べて設計が複雑です。主に以下の3つのパターンがあります。
パターン1: 再生完了で判定する
動画が最後まで再生された時点で「完了」とする、最もシンプルな方法です。
- メリット——実装が簡単。動画の
endedイベントを検知するだけで実現できる。 - デメリット——シークバーで最後までスキップされる可能性がある。視聴の質を担保できない。
- 対策——シークバーを無効化する、または「未視聴の区間へのスキップを禁止する」制御を追加する。
パターン2: 一定割合以上の視聴で判定する
動画の総時間に対して一定割合(例: 80%や90%)以上を視聴した時点で「完了」とする方法です。
- メリット——多少の中断や巻き戻しがあっても、全体をおおむね視聴していれば完了と判定できる。
- デメリット——実装がやや複雑。視聴済み区間の追跡ロジックが必要。
- 実装方法——動画を数秒単位のセグメントに分割し、各セグメントの視聴済みフラグを配列で管理する。視聴済みセグメントの割合がしきい値を超えたら完了とする。
パターン3: 動画視聴+テスト合格で判定する
動画を最後まで視聴した上で、理解度テストに合格した場合に「完了」とする、最も厳格な方法です。
- メリット——視聴の質を担保できる。学習効果の測定も同時に行える。
- デメリット——テストの作成コストがかかる。受講者の負担も増える。
- 実装方法——動画の再生完了後にテスト画面を表示し、合格スコア(例: 80点以上)を達成した場合に
passedステータスをLMSに送信する。
どのパターンを選ぶかは、研修の目的と求める厳格さによって異なります。コンプライアンス研修など受講義務のある研修ではパターン2または3が適しています。情報共有が目的の動画であればパターン1で十分な場合もあります。
7. 動画特有の注意点
動画をSCORM教材にする際には、スライド教材やテスト教材とは異なる特有の課題があります。
ファイルサイズ問題
動画ファイルは画像やテキストと比べて桁違いにサイズが大きく、これがSCORM教材における最大の課題です。たとえば10分間のMP4動画は、画質にもよりますが50〜200MB程度になります。LMSの多くはアップロードサイズに上限を設けており(50〜500MB程度が一般的)、長尺の動画をパッケージ内に同梱すると上限を超えてしまう場合があります。
対策:
- 動画のビットレートを下げて圧縮する(目安: 1〜3Mbps)
- 解像度を必要最小限にする(研修用途なら720pで十分な場合が多い)
- 長尺の動画はチャプターごとに分割し、複数の教材に分ける
- ストリーミング配信を利用する(次項参照)
ストリーミング vs パッケージ内同梱
動画をSCORM教材に含める方法には、大きく分けて2つのアプローチがあります。
パッケージ内同梱——動画ファイルをSCORMパッケージ(ZIP)の中に含める方法です。LMSにアップロードするだけで完結するため運用がシンプルですが、ファイルサイズが大きくなります。短い動画(5分以内、50MB以内)に向いています。
ストリーミング配信——動画ファイルはVimeo、Wistiaなどの動画ホスティングサービスや自社のストリーミングサーバーに置き、SCORM教材のHTMLからやタグでURLを参照する方法です。SCORMパッケージ自体は軽量になり、動画の再生品質(アダプティブビットレート)も向上します。長尺の動画や高画質の動画に適しています。
ストリーミング方式の場合、動画の再生状態をJavaScriptで取得してSCORM APIに連携する実装が必要です。動画ホスティングサービスのプレーヤーAPIを利用して、再生位置や完了状態を取得します。
動画フォーマット
SCORM教材で使用する動画フォーマットはMP4(H.264 + AAC) を推奨します。理由は以下のとおりです。
- すべての主要ブラウザ(Chrome、Firefox、Safari、Edge)で再生可能
- HTML5の
要素でネイティブに対応している - モバイルデバイスでもハードウェアデコードが可能で、バッテリー消費を抑えられる
- エンコーダーやツールの選択肢が豊富
WebMやOGVなどの他フォーマットはブラウザ互換性に課題があるため、メインの形式としては避けるべきです。
モバイル対応
スマートフォンやタブレットでの動画再生には、PC環境とは異なる制約があります。
- 自動再生の制限——iOS/Androidのブラウザでは、ユーザー操作なしの自動再生が制限されています。
muted属性を付けた動画は自動再生可能ですが、音声付き動画はユーザーのタップ操作が必要です。 - フルスクリーン再生——iOSのSafariでは、インライン再生を有効にするために
playsinline属性が必要です。この属性がないとフルスクリーンモードで再生が開始されます。 - 回線速度——モバイル環境では回線速度が不安定な場合があります。ストリーミング配信を利用し、アダプティブビットレートで配信することで、回線速度に応じた画質で安定的に再生できます。
- 画面サイズ——レスポンシブデザインを適用し、画面サイズに応じて動画プレーヤーのサイズが調整されるようにします。
字幕・多言語対応
グローバル企業や、聴覚に配慮した研修では、字幕の対応が求められます。
- WebVTT形式——HTML5の
要素でWebVTT(.vtt)形式の字幕ファイルを読み込むのが標準的な方法です。複数の言語の字幕ファイルを用意し、学習者が切り替えられるようにできます。 - 字幕ファイルの同梱——字幕ファイルはテキストベースで軽量なため、SCORMパッケージ内に同梱しても問題ありません。
- 動画内焼き付け——字幕を動画に直接焼き付ける(ハードサブ)方式もありますが、後からの修正や多言語対応が困難になるため、可能であればWebVTT方式を推奨します。
8. よくある質問
Q1. SCORM教材にする動画は何分までが適切ですか?
1教材あたり5〜15分程度が推奨です。学習者の集中力は長時間の動画では低下しやすく、マイクロラーニング(短時間の学習単位)の観点からも短めの動画が効果的です。30分以上の研修動画は、テーマごとにチャプター分割して複数の教材にすることを推奨します。
Q2. LMSにアップロードできるファイルサイズの制限はどのくらいですか?
LMSによって異なりますが、一般的には50〜500MB程度です。クラウド型LMSでは100〜200MB程度に制限されていることが多いです。利用中のLMSの仕様を事前に確認してください。制限を超える場合は、動画のビットレートを下げるか、ストリーミング配信を検討しましょう。
Q3. ストリーミング配信の動画でもSCORM対応は可能ですか?
はい、可能です。動画ファイル自体はVimeoやWistiaなどの外部サービスに置き、SCORM教材のHTMLから動画プレーヤーを埋め込みます。教材側のJavaScriptで動画の再生状態を取得し、SCORM APIを通じてLMSに学習データを送信する仕組みです。SCORMパッケージには動画ファイルを含めないため、パッケージサイズを大幅に削減できます。
Q4. YouTube動画をSCORM化できますか?
技術的にはYouTube IFrame Player APIを利用して再生状態を取得し、SCORM APIと連携することは可能です。ただし、YouTube動画の埋め込みにはいくつかの注意点があります。YouTubeの利用規約への準拠が必要なこと、企業ネットワークでYouTubeがブロックされている場合に再生できないこと、広告が表示される可能性があること(YouTube Premium以外)、YouTubeのAPI仕様変更により動作しなくなるリスクがあることなどです。安定した動画SCORM教材を作る場合は、動画ファイルをパッケージ内に同梱するか、VimeoやWistiaなどのビジネス向け動画ホスティングサービスの利用を推奨します。
Q5. 動画の途中で中断した場合、レジューム(再開)はできますか?
はい、SCORM APIのcmi.core.lesson_location(SCORM 1.2)またはcmi.location(SCORM 2004)を利用して、中断時の再生位置(秒数)を保存できます。学習者が再度教材を開いた際に、保存された位置から動画の再生を再開する実装が可能です。オーサリングツールではブックマーク機能として標準搭載されていることが多く、自作の場合はJavaScriptで再生位置の保存・復元処理を実装します。
9. まとめ
- 動画をSCORM化すると、学習履歴の記録・完了判定・進捗管理がLMS上で可能になる
- 変換方法は「オーサリングツール」「外注サービス」「HTML/JSで自作」の3つ
- 完了判定は、再生完了・一定割合視聴・視聴+テスト合格の3パターンから研修目的に応じて選択する
- 動画のファイルサイズが大きい場合は、ストリーミング配信の活用を検討する
- モバイル対応・字幕対応など、動画特有の要件を事前に洗い出しておくことが重要
動画のSCORM化でお困りの場合は、お気軽にご相談ください。eラーニング専門18年・3,000件超の実績を持つエレファンキューブが、あなたのSCORMの「困った」を解決します。
株式会社エレファンキューブ
eラーニング教材制作の専門会社。2008年の創業以来、3,000件超の制作実績を持ち、SCORM 1.2 / SCORM 2004 / xAPI / cmi5など各種規格に精通。企画からLMS搭載まで、ワンストップで対応しています。
コーポレートサイト