Creación de una experiencia de ramificación

En este tema, aprenderá a crear una experiencia de bifurcación.

La experiencia de ramificación le permite encadenar rápidamente varios videos y agregar anotaciones que permiten al espectador pasar de un video a otro. Esto crea una experiencia de tipo "elige tu propia aventura" para tus espectadores.

El editor de Branching Experience agiliza drásticamente el proceso de edición, reduce el tiempo de trabajo de horas a minutos y está disponible de forma inmediata para todos los planes.

Muestra de trabajo

El siguiente video es un ejemplo de una experiencia de ramificación. El primer video (el "menú principal") se repetirá hasta que se haga clic en una opción. Al hacer clic en el texto, se ramificará a ese video. Cuando el video esté completo, una acción desencadenada por el tiempo volverá al punto de 6 segundos del primer video del "menú principal".

Creando una nueva experiencia

Siga estos pasos para crear una nueva experiencia de ramificación:

  1. Inicie sesión en Brightcove Interaction Studio.
  2. En la barra de navegación izquierda, haga clic en Administrar.
  3. En la parte superior de la página, haga clic en Experiencias.
  4. Hacer clic Nueva experiencia.
  5. Introduzca un nombre para la experiencia.
  6. En la lista de tipos de experiencia, haga clic en Derivación.
  7. Haz clic en SIGUIENTE.
  8. Elige un vídeo, hay 4 opciones:
    • VÍDEO DE MUESTRA - Usa un video de muestra
    • URL O CÓDIGO INTEGRADO - Ingrese el código de inserción o URL para un video
    • SUBIR - Arrastre y suelte o seleccione un nuevo video (debe ser un archivo .mp4)
    • ELEGIR EXISTENTE - Elija un proyecto existente
  9. Aparecerá el cuadro de diálogo de confirmación Nueva experiencia. Haga clic en AGREGAR MÁS para agregar más proyectos.
  10. Hacer clic CREAR. El Editor de interactividad se abrirá mostrando el primer video seleccionado. Todos los videos de la experiencia se mostrarán debajo del reproductor de vista previa.

Haga clic en AGREGAR PROYECTO para agregar más proyectos. Para cambiar el orden de los videos, haga clic y arrastre un video a una nueva posición. Para editar un video, coloque el cursor sobre un video y haga clic en Editar.

Para eliminar cualquier video de la experiencia, coloque el cursor sobre el video y haga clic en eliminar ().

 

Agregar anotaciones

Por lo general, se agregarán superposiciones de texto, imágenes o transparentes al video del "menú principal" que permiten al espectador pasar de un video a otro.

  1. Para cada "punto de elección", agregue un texto, una imagen o una anotación de superposición transparente. Esto es en lo que el espectador hará clic para saltar a los diferentes videos. Asegúrese de que la hora de inicio y la duración de cada una de estas anotaciones sean idénticas.
  2. Haga clic en enlace > COMPORTAMIENTO > Pase al video y seleccione el video al que vincular.
  3. Ingrese un Tiempo para ir a un punto específico en el video. Si no Tiempo se ingresa, saltará al comienzo del video de destino.
  4. Hacer clic ENTREGAR.
  5. En una de las anotaciones de elección, establezca Enlace > COMPORTAMIENTO > Acción a realizar si el espectador no hace clic a bucle de vuelta.
    Esto hará que el video se reproduzca y muestre la parte del "menú principal" del video hasta que se haga clic en una de las opciones.
  6. Al final de cada rama, agregue una acción desencadenada por tiempo y configure la rama en tiempo de video para saltar al lugar apropiado. En este ejemplo, el evento está configurado para volver al video de "introducción" en el punto de 6 segundos.

Compartiendo una experiencia

Compartir una experiencia creará un código para insertar o una URL de vista previa para la experiencia. Para compartir una experiencia, sigue estos pasos:

  1. Haz clic en COMPARTIR en la parte superior derecha de la página.
  2. Seleccione un Tipo de recurso compartido.
    • Solo incrustar - Generar código de inserción para colocar en una página web existente
    • Página de destino - Crear una página de destino para alojar la experiencia.
  3. Seleccione la opción para ¿Usar controles nativos? Si selecciona No, se mostrarán los controles de HapYak en el reproductor. Si selecciona Sí, se mostrarán los controles nativos según el tipo de video que se esté publicando. Por ejemplo, si está utilizando videos de Brightcove, el reproductor mostrará los controles nativos de Brightcove Player (el reproductor se verá como un Brightcove Player normal).
  4. Seleccione COPIAR para copiar el código de inserción o el enlace o haga clic en VER para abrir una vista previa de la experiencia en otra pestaña del navegador.

Configuración de los ajustes de la experiencia

Para configurar los ajustes de la experiencia, haga clic en CONFIGURACIÓN en la parte superior derecha de la página. Están disponibles los siguientes ajustes.

  • Progreso automático - Avanza automáticamente al siguiente video en la lista de reproducción cuando finaliza el video anterior.
  • Auto-reproducción - Reproduce automáticamente cada video en la lista de reproducción cuando un espectador hace clic en él o cuando avanza automáticamente.
  • CSS personalizado (URL) - Se utiliza para aplicar un estilo personalizado a toda la experiencia. Para obtener más información, consulte Dar estilo a las anotaciones .
    • Si desea ocultar los títulos de los proyectos del visor, agréguelo a la CSS personalizado (URL) campo: //hapyak_demos.s3.amazonaws.com/css/hideExperienceTitles.css
  • Compartiendo socialmente - Los íconos para compartir en redes sociales se muestran en la parte superior de la página. Seleccione los íconos sociales para mostrar y agregue un mensaje opcional.
  • Marca - Agregue un encabezado o pie de página a la página de destino. Incluya el código HTML directamente aquí.