compartir el contenido a través de embed de video

Compartición de video individual muldispositivo

Esta forma de compartir el contenido nos permite embeber (insertar) en otras webs, portales, blogs, etc el conteniod de un video con las siguientes características:

  • Video que seleccionemos
  • Mosca o watermark personalizada para cada embed
  • Imagen de fondo personalizada
  • Medidas personalizadas de tamaño
  • Posibilidad de utilizar embed o url de acceso directo al video
  • Opciones de reproducción: mute al inicio, reproducción continua del video y autoarranque.
  • Link asociado al video
  • Opciones de descarga y publicación en redes sociales dentro del player.

 

El sistema de creación de cada uno de estos embed se realiza a través de wizard o asistente. Desde el se crean las diferentes opciones de que dispone la creación de estos embeds. El asistente comienza por identificar el nombre y la descripción de cada uno de los wizard. Esto nos permite obtener posteriormente de nuevo el código embed, además nos permite obtener las estadísticas individualizadas de cada una de estas comparticiones.

 

1. La pantalla inicial del wizard de creación de video embed.

 

En este ventana podemos encontrar:

  • A) Crear una nueva compartición
  • B) Compartición individual multidispositivo (la que tenemos que seleccionar para hacer un embed de video).
  • C) Compartición de video individual segura.
  • D) Compartición de listas de reproducción.
  • E) Buscar contenido por nombre.
  • F) Filtrar comparticiones por tipo de compartición.
  • G) Activar el filtro por tipo de compartición..
  • H) Borrar compartición seleccionada.
  • I) Administrar compartición de playlist o lista de videos multidispositivos (color morado)
  • J) Administrar comparticiones individual segura (color rojo)
  • K) Ancho del embed a generar (compartición individual segura)
  • L) Alto de la comparticiones de embed (compartición individual segura).
  • M) Copiar código embed (compartición individual segura).
  • N) Copiar URL (compartición individual segura).
  • O) Administrar comparticiones individual multidispositivo (color anaranjado)
  • P) Ancho del embed a generar (compartición individual multidispositivo)
  • Q) Alto de la comparticiones de embed (compartición individual multidispositivo).
  • R) Copiar código embed (compartición individual multidispositivo).
  • S) Copiar URL (compartición individual multidispositivo).
  • T) Administrar un videochannel (color azul)

 

2. Pantalla de selección del video a embeber

Desde esta pantalla vamos a poder elegir cual es el video que deseamos insertar, seleccionándolo exactamente del mismo árbol de contenidos que disponemos en bilbioteca de medios, esto nos permite realizar varios embeds de un mismo video con diferentes características y sobre todo medir el impacto del video por separado en cada una de las comparticiones donde esté disponible el contenido.

  • A) Expandir árbol de carpetas de videos.
  • B) Contraer árbol de carpetas de videos.
  • C) Buscador de videos en la carpeta seleccionada.
  • D) Árbol de carpetas de videos.
  • E) Videos de la carpeta seleccionada.
  • F) Volver al paso anterior o a la pantalla de edición del video.
  • G) Abrir el gestor multimedia para subir imágenes para ser utilizados como miniatura o mosca.
  • H) Pasar a la selección de la miniatura del video.

 

3. Pantalla de elección de miniatura

Desde esta ventana podemos incluir una miniatura representativa del video que deseemos o la propia que capturemos a través del software

 

. Se dispone de las siguientes funcionalidades:

  • A) Selector de: utilizar miniatura capturada del video o utilizar una subida al servidor.
  • B) Imagen seleccionada que va a ser la que represente al video.
  • C) Imagenes disponibles en el servidor.
  • D) Recargar imágenes subidas.
  • E)Volver al paso anterior (al selector del video).
  • F) Abrir el gestor de publicación de archivos en servidor.
  • G) Pasar a la siguiente ventana (selección de la mosca o watermark del video).

 

4. Pantalla de elección de mosca o watermark

Desde esta pantalla podemos incluir en el video la mosca o watermark que deseemos, ello nos permitirá personalizar para cada cliente nuestra imagen.

 

  • A) Seleccionar imagen del servidor o no utilizar mosca.
  • B) Imagen que va a ser la mosca en caso de seleccionar la opción con mosca (las dimensiones de la imagen son 100 x100 px, pero se produce readaptación de imagen).
  • C) Imagen almacenada en servidor que puede ser utilizada como mosca.
  • D) Recarga de las imágenes
  • E) Volver a pantalla de inserción de miniatura.
  • F) Abrir el gestor de subida de archivos.
  • G) Pasar al paso final de configuración.

 

5. Pantalla de gestor de ficheros (para imágenes de miniatura o mosca en el player)

Desde esta pantalla vamos a poder alojar todas aquellas imágenes que deseemos utilizar como miniaturas del video (si no deseamos la que hemos capturado a través de la miniatura).


 

  • A) Subir miniaturas de video
  • B) Subir moscas o watermark para el video.
  • C) Seleccionar ubicación de imágenes en nuestro equipo
  • D) Imágenes ya subidas al servidor.
  • E) Inicial subida de archivos de miniaturas o moscas
  • F) Eliminar imágenes del servidor.

 

6. Pantalla de configuración final y preview del video

En esta pantalla vamos a poder configurar las características de reproducción del video, Podremos desde esta pantalla delimitar el tamaño del player, la relación de aspecto, además de la configuración inicial de visualización.

  • A) Ancho que deseamos del visor
  • B) Alto que deseamos del visor
  • C) Relación de aspecto en virtud de la cual nos da el tamaño del visor partiendo del ancho o del alto
  • D) Opciones de reproducción:
  1. Autoarranque del video
  2. Reproducción en loop o continua
  3. Reproducción en mute o sin sonido
  • E) Inserción del código de analytics para poder hacer el seguimiento adicional al que se realiza en las estadísticas de phoenix
  • F) Opciones de contenido: Link asociado al player de visualización.
  • G) Opciones de:
  1. Descarga del video.
  2. Compartir en redes sociales.             
  3. Visualización directa en Facebook.
  4. Código embed.
  • H) Nombre de la publicación creada.
  • I) Descripción de la publicación creada.
  • J) Selección de player que se va a utilizar en este video.
  • K) Selección del perfil de color para esta compartición.
  • L) Opciones de preroll (revisar en el siguiente imagen)..

 

  • A) Rutas y recursos de la compartición (revisar punto 8 de esta página).
  • B) Previsualización del resultado de la compartición.
  • C) Preroll activado en la compartición.
  • D) Previo del preroll seleccionado
  • E) Selección de preroll (revisar punto 7 de esta página).
  • F) Eliminar preroll seleccionado (para ser completa la acción se ha de deseleccionar la opción de Preroll activado).
  • G) Seleccionar miniatura: cuando editamos una compartición con el objetivo de cambiar la miniatura seleccionamos ese botón y volvemos al punto del wizard para la selección de nuevo de la miniatura).
  • H) Seleccionar mosca: cuando editamos una compartición con el objetivo de cambiar la mosca seleccionamos ese botón y volvemos al punto del wizard para la selección de nuevo de la mosca).
  • I) Seleccionar video: cuando editamos una compartición con el objetivo de cambiar el video que se reproduce, seleccionamos ese botón y volvemos al punto del wizard para la selección de nuevo del video a reproducir). Los cambios en cualquier de los elementos de la compartición no afectan al código insertado, con lo que podemos hacer todos los cambios que deseemos sin necesidad 

7. Pantalla de selección de prerroll

 

  • A) Selección de carpeta de biblioteca de medios que guarda el video en preroll que se desea seleccionar.
  • B) Búsqueda del video dentro de la carpeta.
  • C) Selección del video que va a ser utilizado en preroll
  • D) Previsualización del video de preroll
  • E) Selección de la calidad del video en preroll
  • F) Seleccionar el preroll
  • G) Cancelar acciones.

8. Pantalla de rutas y recursos de la compartición

Desde esta pantalla de rutas y recursos de la compartición podremos obtener todos los datos de la misma.

 

 

  • A) Ruta HTTP Dynamic Streaming.
  • B) Ruta HLS para dispositivos apple.
  • C) Ruta HDS para el bitrate de 300 kbps.
  • D) Ruta HLS para bitrate de 300 kbps.
  • E) Ruta RTMP para el bitrate de 300 kbps.
  • F) Ruta de la miniatura grande que muestra el player de visualización.
  • G) Ruta de la miniatura pequeña del video.
  • H) Ruta de la miniatura seleccionada en la compartición (no la del video).
  • I) Ruta de la mosca de la compartición
  • J) Copiar título de la compartición.
  • K) Copiar descripción de la compartición.
  • L) Copiar todos los datos de la compartición.
  • M) Copiar duración de la compartición.

 

Observaciones

El video se inserta a través de un iframe, lo que implica que en un determinado momento si se desea modificar algo de su contenido se tiene que tener la precaución de que cualquier cambio afecta allá donde este embebido el video.

 

HORARIO DE SOPORTE

Estamos a vuestra disposición de Lunes a Viernes de 09:00 a 14:00 y de 16:00 a 20:00 horas.

Telf. de Soporte Europa: +34 962 065 588

Telf. de Soporte Latam: +57 15 056 912

Contáctanos

Enetres Media Solutions S.L.
Avda. del puerto, 106 puerta 4
46023 Valencia

envíanos un mail

Redes sociales

Twitter Facebook flickr RSS-Feed