TechSmith Smart Playerのバージョンを更新する

問題

最新のTechSmith Smart Playerを使用するためにCamtasiaの制作ファイルをどのように更新しますか?

解決策

Camtasia 2019以降は、制作中に自動的に最新のTechSmith Smart Playerを使用します。

変更点

TechSmith Smart Playerは、SCORM制作物を表示する際にヘッダー要素を表示します。

ヘッダーには2つの項目が含まれています。

  1. SCORMマニフェストオプションフォームで著者が入力したレッスンタイトルがヘッダーに表示されます。
  2. 現在のSCORMセッションを終了するためのボタン。
    • 視聴者がビデオを再生すると、ボタンには「後でビデオを完了する」と表示されます。
    • 視聴者が著者によって定義された目的(例:ビデオの100%を視聴した)を完了した場合、ボタンには「ビデオを完了する」と表示されます。

       

重要:  視聴者はこのボタンを使用してSCORMセッションを正しく終了する必要があります。  そうしないと、情報がLMSに正しく報告されない可能性があります。

注意事項:

  1. 視聴者が著者によって定義された目的に達していない場合、セッションの完了を確認するよう求められます。

    - 視聴者は、TechSmithクイズメールサービスを使用してクイズ結果を報告しない限り、次回訪問時にビデオを中断した場所から再開できます。
  2. SCORMの目的が完了した場合、「ビデオを完了する」ボタンをクリックするとセッションが自動的に終了します。
  3. ビデオが全画面モードで表示されているとき、SCORMヘッダーは非表示になります。(使用しているLMSが全画面モードをサポートしている場合)。

更新を取得するにはどうすればよいですか?

最新のCamtasiaを使用する

  • Camtasiaは、新しいSCORM制作を作成する際に自動的にこのバージョン(またはそれ以降)を取得します。

Camtasiaから既存のSCORM制作を更新する。

既存のSCORM制作のSmart Playerを手動で更新するには、次の手順に従ってください。

  1. 以下の各ファイルについて右クリックし、「リンク先を保存」オプションを選択して、TechSmith Smart Playerの新しいバージョンをダウンロードします..
    1. techsmith-smart-player.min.js
    2. embedded-smart-player.min.js
    3. techsmith-smart-player.min.css
  2. SCORMパッケージを解凍します(必要な場合)
  3. SCORMフォルダー内の2つのJavaScriptファイルを置き換えます:
    1. <scorm-folder>/scripts/techsmith-smart-player.min.js
    2. <scorm-folder>/scripts/embedded-smart-player.min.js
  4. SCORM制作フォルダー内のCSSファイルを置き換えます:
    1. (Camtasia Windows) 
      <scorm-folder>/skins/remix/techsmith-smart-player.min.css
    2. (Camtasia Mac) 
      <scorm-folder>/skins/techsmith-smart-player.min.css
  5. SCORM制作フォルダー内のすべてのファイルとフォルダーをZIP圧縮します。
     

古いCamtasiaバージョンから既存のSCORM制作を更新する

  1. 手動で「Camtasia 2019および2020から既存のSCORM制作を更新する」の手順1 - 4に従います。
  2. 制作フォルダーから以下のファイルを削除します:
    1. 「scripts/config_xml.js
    2. [制作名]-scorm.js」 - 制作名はプロジェクトを制作したときに使用した名前です。
    3. Scormwrapper.js
  3. テキストエディターで`[制作名]_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の範囲で設定できます。
  1. ファイルを保存します。
  2. 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のローカル制作に対してさらに編集を行わなくても、常に最新の状態に保たれます。

 

オプション1:ローカルファイルを更新する

  1. 上記のファイルをデスクトップにダウンロードするには、まずリンクをクリックし、次に開いたウェブページで右クリックして「名前を付けて保存」または「ページを保存」を選択します。
  2. 上記のtechsmith-smart-player.min.js をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/scripts/techsmith-smart-player.min.js
  3. 上記のembedded-smart-player.min.js をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/scripts/embedded-smart-player.min.js
  4. 上記のtechsmith-smart-player.min.css をコピーし、Camtasiaのローカル制作内のこの場所に貼り付けます(これにより、その場所のファイルが上書きされます): media/skins/techsmith-smart-player.min.css.

オプション2:CDNリンクを直接使用する

Smart Playerファイルへの既存の参照をCDN上のそのファイルへのフルパスで置き換えることができます。  制作に展開されると、最新の主要バージョンのTechSmith Smart Playerが使用されます。

  1. Camtasiaによって生成されたindex_player.htmlファイルを開きます。これは次の場所にあります: (制作フォルダー名)/media/index_player.html
  2. ここにCSSファイルのフルURLを貼り付けます:
    css.png
  3. ここにtechsmith-smart-player.min.jsファイルのフルURLを貼り付けます:js.png
  4. ここにembedded-smart-player.min.jsファイルのフルURLを貼り付けます: embedded.png
  5. HTMLファイルを保存します。