Mettre à jour la version du lecteur Smart Player de TechSmith

Problème

Comment mettre à jour les fichiers de production Camtasia pour utiliser la dernière version du lecteur Smart Player de TechSmith ?

Solution

Camtasia 2019 et les versions ultérieures utilisent automatiquement la dernière version du lecteur Smart Player de TechSmith lors de la production.

Qu'est-ce qui a changé

Le lecteur Smart Player de TechSmith affichera désormais un élément d'en-tête lors de la visualisation des productions SCORM.

L'en-tête contient deux éléments.

  1. Le titre de la leçon saisi par l'auteur dans le formulaire d'options du manifeste SCORM sera affiché dans l'en-tête.
  2. Un bouton pour terminer la session SCORM actuelle.
    • Lorsque le spectateur commence la vidéo, le bouton affichera « Compléter la vidéo plus tard ». 
    • Lorsque le spectateur a terminé les objectifs définis par l'auteur (ex : il a regardé 100 % de la vidéo), le bouton affichera « Compléter la vidéo ». 

       

Important :  Le spectateur doit utiliser ce bouton pour quitter correctement une session SCORM.  S'il ne le fait pas, il y a de fortes chances que les informations ne soient pas rapportées correctement au LMS.

Remarques :

  1. Le spectateur sera invité à confirmer l'achèvement de la session s'il n'a pas atteint les objectifs définis par l'auteur.

    - Le spectateur peut reprendre la vidéo là où il s'est arrêté la prochaine fois qu'il visitera si la vidéo n'utilise pas le service de messagerie de quiz de TechSmith pour rapporter les résultats des quiz.
  2. Lorsque les objectifs SCORM ont été atteints, cliquer sur le bouton « Compléter la vidéo » mettra automatiquement fin à la session.
  3. L'en-tête SCORM est caché lorsque la vidéo est visionnée en mode plein écran. (À condition que le LMS que vous utilisez prenne en charge le mode plein écran).

Comment obtenir la mise à jour ?

Utilisation de la dernière version de Camtasia

  • Camtasia téléchargera automatiquement cette version (ou une version ultérieure) lorsque vous créerez une nouvelle production SCORM.

Mettre à jour les productions SCORM existantes depuis Camtasia.

Pour mettre à jour manuellement le lecteur Smart Player pour une production SCORM existante, suivez ces étapes.

  1. Téléchargez la nouvelle version du lecteur Smart Player de TechSmith en faisant un clic droit et en sélectionnant l'option « enregistrer le lien sous » pour chaque fichier listé ci-dessous..
    1. techsmith-smart-player.min.js
    2. embedded-smart-player.min.js
    3. techsmith-smart-player.min.css
  2. Décompressez le paquet SCORM (si nécessaire)
  3. Remplacez les deux fichiers JavaScript dans le dossier SCORM :
    1. <scorm-folder>/scripts/techsmith-smart-player.min.js
    2. <scorm-folder>/scripts/embedded-smart-player.min.js
  4. Remplacez le fichier CSS dans le dossier de production SCORM :
    1. (Camtasia Windows) 
      <scorm-folder>/skins/remix/techsmith-smart-player.min.css
    2. (Camtasia Mac) 
      <scorm-folder>/skins/techsmith-smart-player.min.css
  5. Zippez tous les fichiers et dossiers dans votre dossier de production SCORM.
     

Mettre à jour les productions SCORM existantes depuis des versions plus anciennes de Camtasia

  1. Suivez les étapes 1 - 4 pour « Mettre à jour manuellement les productions SCORM existantes depuis Camtasia 2019 et 2020 »
  2. Supprimez les fichiers suivants du dossier de production :
    1. “scripts/config_xml.js
    2. [nom de la production]-scorm.js” - Nom de la production est le nom que vous avez utilisé lors de la production du projet.
    3. Scormwrapper.js
  3. Ouvrez `[nom de la production]_player.html` dans un éditeur de texte.  Trouvez et supprimez les lignes suivantes du fichier.



Ajoutez maintenant le JavaScript suivant au-dessus de `TSC.mediaPlayer.init("#tscVideoContent");`

TSC.playerConfiguration.isScormLesson = true;TSC.scormController.minViewPercentageToCompleteLesson = 0.9;TSC.scormController.minScoreToPassLesson = 80;

Remarque :

  • minViewPercentageToCompleteLesson est le pourcentage de vidéo qui doit être regardé pour que le SCO soit marqué complet.  La valeur peut être comprise entre 0 et 1.
  • minScoreToPassLesson est la note minimale à obtenir pour que le SCO soit marqué réussi.  La valeur peut être comprise entre 0 et 100.
  1. Enregistrez le fichier.
  2. Zippez tous les fichiers / dossiers dans votre dossier de production SCORM.

Le lecteur Smart de TechSmith est composé des fichiers suivants :

  • techsmith-smart-player.min.js - JavaScript nécessaire pour exécuter le lecteur Smart Player de TechSmith.
  • embedded-smart-player.min.js - JavaScript nécessaire pour exécuter le lecteur Smart Player de TechSmith.
  • techsmith-smart-player.min.css - Tout le CSS utilisé pour afficher le lecteur Smart Player de TechSmith

TechSmith fournit un point de terminaison qui résoudra toujours la dernière version majeure de chacun de ces fichiers (CDN). Ces liens seront toujours à jour sans avoir à faire d'autres modifications à vos productions locales Camtasia.

 

Option 1 : Mettre à jour les fichiers locaux

  1. Téléchargez les fichiers ci-dessus sur votre bureau en cliquant d'abord sur le lien, puis en faisant un clic droit sur la page web qui s'est ouverte et en choisissant Enregistrer sous ou Enregistrer la page sous.
  2. Copiez techsmith-smart-player.min.js  ci-dessus et collez-le dans cet emplacement de votre production locale de Camtasia (cela écrasera le fichier à cet emplacement) : media/scripts/techsmith-smart-player.min.js
  3. Copiez embedded-smart-player.min.js  ci-dessus et collez-le dans cet emplacement de votre production locale de Camtasia (cela écrasera le fichier à cet emplacement) : media/scripts/embedded-smart-player.min.js
  4. Copiez techsmith-smart-player.min.css  ci-dessus et collez-le dans cet emplacement de votre production locale de Camtasia (cela écrasera le fichier à cet emplacement) : media/skins/techsmith-smart-player.min.css.

Option 2 : Utiliser directement les liens CDN

Vous pouvez remplacer les références existantes aux fichiers Smart Player par le chemin complet vers ce fichier sur le CDN.   Lors de la mise en production, la dernière version majeure du lecteur Smart Player de TechSmith sera utilisée.

  1. Ouvrez le fichier index_player.html qui a été produit par Camtasia. Cela se trouve dans : (nom du dossier de production)/media/index_player.html
  2. Collez l'URL complète du fichier CSS comme indiqué ici :
    css.png
  3. Collez l'URL complète du fichier techsmith-smart-player.min.js comme indiqué ici :js.png
  4. Collez l'URL complète du fichier embedded-smart-player.min.js comme indiqué ici : embedded.png
  5. Enregistrez le fichier HTML.