問題
最新のTechSmith Smart Playerを使用するためにCamtasiaの制作ファイルをどのように更新しますか?
解決策
Camtasia 2019以降は、制作中に自動的に最新のTechSmith Smart Playerを使用します。
変更点
TechSmith Smart Playerは、SCORM制作物を表示する際にヘッダー要素を表示します。
ヘッダーには2つの項目が含まれています。
- SCORMマニフェストオプションフォームで著者が入力したレッスンタイトルがヘッダーに表示されます。
- 現在のSCORMセッションを終了するためのボタン。
- 視聴者がビデオを再生すると、ボタンには「後でビデオを完了する」と表示されます。
- 視聴者が著者によって定義された目的(例:ビデオの100%を視聴した)を完了した場合、ボタンには「ビデオを完了する」と表示されます。
- 視聴者がビデオを再生すると、ボタンには「後でビデオを完了する」と表示されます。
重要: 視聴者はこのボタンを使用してSCORMセッションを正しく終了する必要があります。 そうしないと、情報がLMSに正しく報告されない可能性があります。
注意事項:
- 視聴者が著者によって定義された目的に達していない場合、セッションの完了を確認するよう求められます。
- 視聴者は、TechSmithクイズメールサービスを使用してクイズ結果を報告しない限り、次回訪問時にビデオを中断した場所から再開できます。 - SCORMの目的が完了した場合、「ビデオを完了する」ボタンをクリックするとセッションが自動的に終了します。
- ビデオが全画面モードで表示されているとき、SCORMヘッダーは非表示になります。(使用しているLMSが全画面モードをサポートしている場合)。
更新を取得するにはどうすればよいですか?
最新のCamtasiaを使用する
- Camtasiaは、新しいSCORM制作を作成する際に自動的にこのバージョン(またはそれ以降)を取得します。
Camtasiaから既存のSCORM制作を更新する。
既存のSCORM制作のSmart Playerを手動で更新するには、次の手順に従ってください。
- 以下の各ファイルについて右クリックし、「リンク先を保存」オプションを選択して、TechSmith Smart Playerの新しいバージョンをダウンロードします..
- SCORMパッケージを解凍します(必要な場合)
- SCORMフォルダー内の2つのJavaScriptファイルを置き換えます:
- <scorm-folder>/scripts/techsmith-smart-player.min.js
- <scorm-folder>/scripts/embedded-smart-player.min.js
- SCORM制作フォルダー内のCSSファイルを置き換えます:
- (Camtasia Windows)
<scorm-folder>/skins/remix/techsmith-smart-player.min.css - (Camtasia Mac)
<scorm-folder>/skins/techsmith-smart-player.min.css
- (Camtasia Windows)
- SCORM制作フォルダー内のすべてのファイルとフォルダーをZIP圧縮します。
古いCamtasiaバージョンから既存のSCORM制作を更新する
- 手動で「Camtasia 2019および2020から既存のSCORM制作を更新する」の手順1 - 4に従います。
- 制作フォルダーから以下のファイルを削除します:
- 「scripts/config_xml.js」
- 「[制作名]-scorm.js」 - 制作名はプロジェクトを制作したときに使用した名前です。
- 「Scormwrapper.js」
- テキストエディターで`[制作名]_player.html`を開きます。 ファイルから以下の行を見つけて削除します。
次に、`TSC.mediaPlayer.init("#tscVideoContent");`の上に以下のJavaScriptを追加します。
TSC.playerConfiguration.isScormLesson = true;TSC.scormController.minViewPercentageToCompleteLesson = 0.9;TSC.scormController.minScoreToPassLesson = 80; |
注意:
- minViewPercentageToCompleteLessonは、SCOが完了とマークされるために視聴する必要があるビデオのパーセンテージです。 値は0から1の間で設定できます。
- minScoreToPassLessonは、SCOが合格とマークされるために必要な最小スコアです。 値は0から100の範囲で設定できます。
- ファイルを保存します。
- SCORM制作フォルダー内のすべてのファイル/フォルダーをZIP圧縮します。
TechSmith Smart Playerは以下のファイルで構成されています:
- techsmith-smart-player.min.js - TechSmith Smart Playerを実行するために必要なJavaScript。
- embedded-smart-player.min.js - TechSmith Smart Playerを実行するために必要なJavaScript。
- techsmith-smart-player.min.css - TechSmith Smart Playerを表示するために使用されるすべてのCSS。
TechSmithは、これらのファイルの最新の主要バージョンに常に解決されるエンドポイントを提供しています(CDN)。これらのリンクは、Camtasiaのローカル制作に対してさらに編集を行わなくても、常に最新の状態に保たれます。
- https://cdn.cloud.techsmith.com/smartplayer/5/latest/techsmith-smart-player.min.js
- https://cdn.cloud.techsmith.com/smartplayer/5/latest/embedded-smart-player.min.js
- https://cdn.cloud.techsmith.com/smartplayer/5/latest/techsmith-smart-player.min.css
オプション1:ローカルファイルを更新する
- 上記のファイルをデスクトップにダウンロードするには、まずリンクをクリックし、次に開いたウェブページで右クリックして「名前を付けて保存」または「ページを保存」を選択します。
- 上記のtechsmith-smart-player.min.js をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/scripts/techsmith-smart-player.min.js
- 上記のembedded-smart-player.min.js をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/scripts/embedded-smart-player.min.js
- 上記のtechsmith-smart-player.min.css をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/skins/techsmith-smart-player.min.css.
オプション2:CDNリンクを直接使用する
Smart Playerファイルへの既存の参照をCDN上のそのファイルへのフルパスで置き換えることができます。 制作に展開されると、最新の主要バージョンのTechSmith Smart Playerが使用されます。
- Camtasiaによって生成されたindex_player.htmlファイルを開きます。これは次の場所にあります: (制作フォルダー名)/media/index_player.html
- ここにCSSファイルのフルURLを貼り付けます:
- ここにtechsmith-smart-player.min.jsファイルのフルURLを貼り付けます:
- ここにembedded-smart-player.min.jsファイルのフルURLを貼り付けます:
- HTMLファイルを保存します。