Atualizar a Versão do TechSmith Smart Player

Problema

Como posso atualizar os arquivos de produção do Camtasia para usar a versão mais recente do TechSmith Smart Player?

Solução

O Camtasia 2019 e versões posteriores usam automaticamente a versão mais recente do TechSmith Smart Player durante a produção.

O que mudou

O TechSmith Smart Player agora exibirá um elemento de cabeçalho ao visualizar produções SCORM.

O cabeçalho contém dois itens.

  1. O título da lição inserido pelo autor no formulário de opções do manifesto SCORM será exibido no cabeçalho.
  2. Um botão para encerrar a sessão SCORM atual.
    • Quando o visualizador iniciar o vídeo, o botão exibirá “Completar vídeo mais tarde”.
    • Quando o visualizador tiver concluído os objetivos definidos pelo autor (ex: assistiu 100% do vídeo), o botão exibirá “Completar vídeo”.

       

Importante:  O visualizador deve usar este botão para sair corretamente de uma sessão SCORM.  Se não o fizer, há uma boa chance de que as informações não sejam relatadas corretamente ao LMS.

Notas:

  1. O visualizador será solicitado a confirmar a conclusão da sessão se não tiver alcançado os objetivos definidos pelo autor.

    - O visualizador pode retomar o vídeo de onde parou na próxima vez que visitar se o vídeo não usar o serviço de e-mail do quiz da TechSmith para relatar os resultados do quiz.
  2. Quando os objetivos SCORM forem concluídos, clicar no botão “Completar vídeo” encerrará automaticamente a sessão.
  3. O cabeçalho SCORM fica oculto quando o vídeo é visualizado em modo de tela cheia. (Assumindo que o LMS que você está usando suporta o modo de tela cheia).

Como obter a atualização?

Usando a versão mais recente do Camtasia

  • O Camtasia puxará automaticamente esta versão (ou posterior) quando você criar uma nova produção SCORM.

Atualizar produções SCORM existentes do Camtasia.

Para atualizar manualmente o Smart Player para uma produção SCORM existente, siga estas etapas.

  1. Baixe a nova versão do TechSmith Smart Player clicando com o botão direito e selecionando a opção “salvar link como” para cada arquivo listado abaixo..
    1. techsmith-smart-player.min.js
    2. embedded-smart-player.min.js
    3. techsmith-smart-player.min.css
  2. Descompacte o pacote SCORM (se necessário)
  3. Substitua os dois arquivos JavaScript na pasta SCORM:
    1. <scorm-folder>/scripts/techsmith-smart-player.min.js
    2. <scorm-folder>/scripts/embedded-smart-player.min.js
  4. Substitua o arquivo CSS na pasta de produção 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. Compacte todos os arquivos e pastas na sua pasta de produção SCORM.
     

Atualizar produções SCORM existentes de versões mais antigas do Camtasia

  1. Siga os passos 1 - 4 em “Atualizar produções SCORM existentes do Camtasia 2019 e 2020” manualmente
  2. Exclua os seguintes arquivos da pasta de produção:
    1. “scripts/config_xml.js
    2. [nome da produção]-scorm.js” - Nome da produção é o nome que você usou ao produzir o projeto.
    3. Scormwrapper.js
  3. Abra `[nome da produção]_player.html` em um editor de texto.  Encontre e exclua as seguintes linhas do arquivo.



Agora adicione o seguinte JavaScript acima de `TSC.mediaPlayer.init("#tscVideoContent");`

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

Nota:

  • minViewPercentageToCompleteLesson é a porcentagem do vídeo que precisa ser assistida para que o SCO seja marcado como completo.  O valor pode variar entre 0 e 1.
  • minScoreToPassLesson é a pontuação mínima necessária para que o SCO seja marcado como aprovado.  O valor pode variar entre 0 e 100.
  1. Salvar arquivo.
  2. Compactar todos os arquivos / pastas na sua pasta de produção SCORM.

O TechSmith Smart Player é composto por estes arquivos:

  • techsmith-smart-player.min.js - JavaScript necessário para executar o TechSmith Smart Player.
  • embedded-smart-player.min.js - JavaScript necessário para executar o TechSmith Smart Player.
  • techsmith-smart-player.min.css - Todo o CSS usado para exibir o TechSmith Smart Player

A TechSmith fornece um endpoint que sempre será resolvido para a versão mais recente de cada um desses arquivos (CDN). Esses links estarão sempre atualizados sem necessidade de fazer mais edições nas suas produções locais do Camtasia.

 

Opção 1: Atualizar Arquivos Locais

  1. Baixe os arquivos acima para sua área de trabalho clicando primeiro no link e depois clicando com o botão direito na página da web que foi aberta e escolha Salvar Como ou Salvar Página Como.
  2. Copie techsmith-smart-player.min.js de cima e cole neste local dentro da sua produção local do Camtasia (isso irá sobrescrever o arquivo naquele local): media/scripts/techsmith-smart-player.min.js
  3. Copie embedded-smart-player.min.js de cima e cole neste local dentro da sua produção local do Camtasia (isso irá sobrescrever o arquivo naquele local): media/scripts/embedded-smart-player.min.js
  4. Copie techsmith-smart-player.min.css de cima e cole neste local dentro da sua produção local do Camtasia (isso irá sobrescrever o arquivo naquele local): media/skins/techsmith-smart-player.min.css.

Opção 2: Usar Links CDN Diretamente

Você pode substituir as referências existentes aos arquivos do Smart Player pelo caminho completo para esse arquivo no CDN.  Quando implantado na produção, a versão mais recente do TechSmith Smart Player será usada.

  1. Abra o arquivo index_player.html que foi produzido pelo Camtasia. Isso pode ser encontrado em: (nome da pasta de produção)/media/index_player.html
  2. Cole a URL completa do arquivo CSS como mostrado aqui:
    css.png
  3. Cole a URL completa do arquivo techsmith-smart-player.min.js como mostrado aqui:js.png
  4. Cole a URL completa do arquivo embedded-smart-player.min.js como mostrado aqui: embedded.png
  5. Salve o arquivo HTML.