Inserir objetos da Web nos projetos do Adobe Captivate

Visão geral

Você pode inserir objetos de Web nativos do HTML5 nos slides clicando em Objetos > Web na grande barra de botões. Digite o URL do objeto no campo Endereço do Inspetor de propriedade e a página da Web será exibida no contêiner do objeto.

Criar objeto da web

Na barra de ferramentas, selecione Objetos > Web, conforme mostrado abaixo:

Selecionando a caixa de diálogo de objetos da Web na barra de ferramentas
Selecionando a caixa de diálogo de objetos da Web na barra de ferramentas

Digite o URL do objeto de Web no campo Endereço. Também é possível procurar por OAM, pdf, svg e arquivos zip clicando no ícone da pasta ao lado do campo Endereço.

Inserindo objetos da Web
Inserindo objetos da Web

Escolha outras opções, conforme descrito abaixo:

Carregamento automático

Selecione esta opção se desejar carregar um objeto automaticamente na saída. Por padrão, essa opção continuará selecionada quando você criar um objeto de Web. No modo editar, após o carregamento do objeto, passe o cursor sobre o objeto para exibir o conteúdo.

Se você não conseguir ver o conteúdo após ativar a opção, consulte esta discussão no fórum para obter mais informações.

Para exibir o objeto de Web no slide, selecione uma das seguintes opções:

Borda

Selecione esta opção se você deseja exibir a borda do objeto de Web.

Rolagem

Selecionar esta opção, se você deseja exibir a barra de rolagem no contêiner do objeto de Web.

Carregando animação

Selecione esta opção se você deseja que uma animação do objeto de Web seja carregada.

Para exibir objeto de Web em uma nova janela, selecione uma das seguintes opções:

Padrão

Selecionar esta opção, se você deseja exibir o objeto de Web com as configurações padrão do navegador.

Tela cheia

Selecionar esta opção, se você deseja exibir o objeto de Web em tela cheia.

Personalizar

Selecione esta opção se você deseja exibir o objeto de Web com dimensões de largura e altura definidas.

Para inserir objetos pdf ou arquivos zip, é recomendável que você coloque o arquivo pdf, zip ou svg em um servidor Web e, em seguida, use o URL para o arquivo.

Por exemplo, depois colocar os objetos no servidor Web, use o URL da seguinte maneira:

  • pdf: localhost:8012/<filename>.pdf
  • svg : localhost:8012/<filename>.svg

Quando você visualizar o slide, é possível ver que os objetos estão incluídos na saída.

Incorporação de objetos do pdf e svg
Incorporação de objetos do pdf e svg

O vídeo do YouTube não carrega

Se após inserir o widget do YouTube o vídeo não for exibido após publicação. Em tais situações, atualize o widget.

Para obter mais informações, consulte problemas com widget do YouTube na saída de SWF.

Suporte para Código de incorporação

Clique na opção Código de incorporação, se desejar incorporar um objeto de Web, como um arquivo de vídeo ou link para transmissão de vídeo. Você pode colar o código de incorporação na área URL, conforme mostrado abaixo:

Suporte para Código de incorporação
Suporte para Código de incorporação

Por exemplo, você pode ver vídeo incorporado na exibição móvel quando você colar o seguinte código de incorporação:

<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>
Observação:

Depois de publicar ou visualizar o projeto, se for exibida a mensagem de erro, o objeto não poderá ser exibido em um quadro, consulte a publicação no fórum para obter mais informações.

Vídeo do YouTube incorporado a um slide responsivo
Vídeo do YouTube incorporado a um slide responsivo

Você pode alterar a altura e a largura do vídeo incorporado alterando o tamanho do contêiner do objeto de Web. O vídeo mantém sua largura seguindo a largura do contêiner do objeto de Web e mantém a proporção de altura.

Você também pode incorporar vídeos sem usar a marca iFrame, embora seja recomendável usá-la. Você pode usar o objeto e as marcas incorporadas, conforme mostrado abaixo:

<object data=" https://www.youtube.com/embed/_VW-KBt0Sbk " width="560" height="315"></object>
<embed width="420" height="315" src=" https://www.youtube.com/embed/_VW-KBt0Sbk "></embed>

Questões que devem ser consideradas ao usar objetos de Web com Adobe Captivate

No Adobe Captivate, os objetos de Web e as animações HTML 5 (quando em camadas com outras formas) sempre aparecem na parte superior

Para lidar com o problema no HTML5, faça o seguinte:

  1. Na sua pasta de instalação do Captivate, abra o arquivo AdobeCaptivate.ini.
  2. Edite o arquivo para alterar o valor de UseWidget7 para 1 desta forma:
    UseWidget7=1
  3. Feche e reinicie o Adobe Captivate. 

Agora, você pode posicionar seus objetos de Web na parte superior ou inferior e eles serão exibidos conforme esperado no HTML 5. 

Observação:

Essa solução é aplicável na opção de publicação do HTML5 e em páginas estáticas ou em animações .

Um LMS (https) seguro podeimpedir a abertura de uma página insegura (http) incorporada em uma página da Web objeto

Ao consultar um site http da Web (em um objeto de Web) em um ambiente seguro LMS HTTPS, o LMS não permite que o conteúdo abra um site desprotegido.

O conteúdo é iniciado sem problemas no servidor de pré-visualização do Captivate porque ele é baseado em http. No entanto, ele não funciona na nuvem SCORM ou Captivate Prime pois os LMSs são baseados em https.

Sites com furto de clique não recebem suporte em um objeto de Web

Furtos de clique são uma ameaça à segurança, e o Captivate não oferece suporte à reorientação para um site diferente.

Observação:

Alguns sites da Web podem não permitir que você os abra em outra página ou outra janela. Para testar se um site recebe suporte no objeto de Web, você pode ter uma página HTML simples com um iframe e ver se a URL funciona. Se funcionar, também funcionará  no objeto de Web.

Para obter mais informações sobre Furtos de clique, consulte a página da Wikipedia Click Jacking.

Baixar projetos de amostra

Logotipo da Adobe

Fazer logon em sua conta