Problema
¿Cómo actualizo los archivos de producción de Camtasia para usar la última versión del TechSmith Smart Player?
Solución
Camtasia 2019 y versiones posteriores utilizan automáticamente la última versión del TechSmith Smart Player durante la producción.
Qué ha cambiado
El TechSmith Smart Player ahora mostrará un elemento de encabezado al ver producciones SCORM.
El encabezado contiene dos elementos.
- El título de la lección ingresado por el autor en el formulario de opciones del manifiesto SCORM se mostrará en el encabezado.
- Un botón para finalizar la sesión SCORM actual.
- Cuando el espectador comience el video, el botón mostrará “Completar video más tarde”.
- Cuando el espectador haya terminado los objetivos definidos por el autor (por ejemplo: ha visto el 100% del video), el botón mostrará “Completar video”.
- Cuando el espectador comience el video, el botón mostrará “Completar video más tarde”.
Importante: El espectador debe usar este botón para salir correctamente de una sesión SCORM. Si no lo hace, hay una buena posibilidad de que la información no se informe correctamente al LMS.
Notas:
- Se le pedirá al espectador que confirme la finalización de la sesión si no ha alcanzado los objetivos definidos por el autor.
- El espectador puede reanudar el video donde lo dejó la próxima vez que lo visite si el video no utiliza el servicio de correo electrónico de cuestionarios de TechSmith para informar los resultados del cuestionario. - Cuando se hayan completado los objetivos SCORM, hacer clic en el botón “Completar video” finalizará automáticamente la sesión.
- El encabezado SCORM está oculto cuando el video se está viendo en modo de pantalla completa. (Suponiendo que el LMS que está utilizando admite el modo de pantalla completa).
¿Cómo obtengo la actualización?
Usando la última versión de Camtasia
- Camtasia descargará automáticamente esta versión (o posterior) cuando cree una nueva producción SCORM.
Actualizar producciones SCORM existentes desde Camtasia.
Para actualizar manualmente el Smart Player para una producción SCORM existente, siga estos pasos.
- Descargue la nueva versión del TechSmith Smart Player haciendo clic derecho y seleccionando la opción “guardar enlace como” para cada archivo listado a continuación..
- Descomprima el paquete SCORM (si es necesario)
- Reemplace los dos archivos JavaScript en la carpeta SCORM:
- <scorm-folder>/scripts/techsmith-smart-player.min.js
- <scorm-folder>/scripts/embedded-smart-player.min.js
- Reemplace el archivo CSS en la carpeta de producción SCORM:
- (Camtasia Windows)
<scorm-folder>/skins/remix/techsmith-smart-player.min.css - (Camtasia Mac)
<scorm-folder>/skins/techsmith-smart-player.min.css
- (Camtasia Windows)
- Comprima todos los archivos y carpetas en su carpeta de producción SCORM.
Actualizar producciones SCORM existentes de versiones anteriores de Camtasia
- Siga los pasos 1 - 4 en “Actualizar producciones SCORM existentes desde Camtasia 2019 y 2020”
- Elimine los siguientes archivos de la carpeta de producción:
- “scripts/config_xml.js”
- “[nombre de producción]-scorm.js” - El nombre de producción es el nombre que utilizó al producir el proyecto.
- “Scormwrapper.js”
- Abra `[nombre de producción]_player.html` en un editor de texto. Encuentre y elimine las siguientes líneas del archivo.
Ahora agregue el siguiente JavaScript por encima de `TSC.mediaPlayer.init("#tscVideoContent");`
TSC.playerConfiguration.isScormLesson = true;TSC.scormController.minViewPercentageToCompleteLesson = 0.9;TSC.scormController.minScoreToPassLesson = 80; |
Nota:
- minViewPercentageToCompleteLesson es el porcentaje de video que necesita ser visto para que el SCO sea marcado como completo. El valor puede estar entre 0 y 1.
- minScoreToPassLesson es la puntuación mínima que se debe obtener para que el SCO sea marcado como aprobado. El valor puede ser de 0 a 100.
- Guardar archivo.
- Comprimir todos los archivos / carpetas en su carpeta de producción SCORM.
El TechSmith Smart Player se compone de estos archivos:
- techsmith-smart-player.min.js - JavaScript necesario para ejecutar el TechSmith Smart Player.
- embedded-smart-player.min.js - JavaScript necesario para ejecutar el TechSmith Smart Player.
- techsmith-smart-player.min.css - Todo el CSS utilizado para mostrar el TechSmith Smart Player
TechSmith proporciona un endpoint que siempre se resolverá a la versión principal más nueva de cada uno de estos archivos (CDN). Estos enlaces siempre estarán actualizados sin necesidad de realizar más ediciones en sus producciones locales de 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
Opción 1: Actualizar archivos locales
- Descargue los archivos anteriores a su escritorio haciendo clic primero en el enlace y luego haciendo clic derecho en la página web que se abrió y eligiendo Guardar como o Guardar página como.
- Copie techsmith-smart-player.min.js de arriba y péguelo en esta ubicación dentro de su producción local de Camtasia (esto sobrescribirá el archivo en esa ubicación): media/scripts/techsmith-smart-player.min.js
- Copie embedded-smart-player.min.js de arriba y péguelo en esta ubicación dentro de su producción local de Camtasia (esto sobrescribirá el archivo en esa ubicación): media/scripts/embedded-smart-player.min.js
- Copie techsmith-smart-player.min.css de arriba y péguelo en esta ubicación dentro de su producción local de Camtasia (esto sobrescribirá el archivo en esa ubicación): media/skins/techsmith-smart-player.min.css.
Opción 2: Usar enlaces CDN directamente
Puede reemplazar las referencias existentes a los archivos Smart Player con la ruta completa a ese archivo en el CDN. Cuando se implemente en producción, se utilizará la última versión principal del TechSmith Smart Player.
- Abra el archivo index_player.html que fue producido por Camtasia. Esto se puede encontrar en: (nombre de carpeta de producción)/media/index_player.html
- Pegue la URL completa del archivo CSS como se muestra aquí:
- Pegue la URL completa del archivo techsmith-smart-player.min.js como se muestra aquí:
- Pegue la URL completa del archivo embedded-smart-player.min.js como se muestra aquí:
- Guarde el archivo HTML.