Vídeos de LuckyTemplates: cómo insertarlos en sus informes

En LuckyTemplates, hemos publicado una gran cantidad de tutoriales para crear informes utilizando las últimas funciones y técnicas de visualización en LuckyTemplates. Sin embargo, todavía no se ha cubierto un tema fundamental: cómo agregar y reproducir videos de LuckyTemplates en sus informes. Puedes ver el video completo de este tutorial en la parte inferior de este blog.

Hay un par de soluciones a este problema. En el blog de hoy, aprenderá la forma en que abordo este problema y algunos otros métodos que simplemente no funcionan debido a un par de restricciones con las que tenemos que lidiar.

Tabla de contenido

• Informe de muestra
• Método 1: Creación de botones para videos de LuckyTemplates
• Método 2: incrustar un video de YouTube
  • Cuenta de Azure Blob Storage para almacenar videos de LuckyTemplates
• Método 3: usar un almacenamiento de archivos
  • Uso del token en LuckyTemplates
  • Sin el token SAS
• Conclusión

Informe de muestra

Comencemos con un informe de muestra con un video agregado. 

Como podemos ver, este informe tiene un botón  Reproducir que en realidad reproduce un video alojado en un sitio web externo: Azure Blob Storage . 

Para entender cómo funciona, mire la medida haciendo clic en Videos en el Panel de campos. La medida usa la etiqueta de video HTML y el enlace Blob Storage que nos lleva al archivo de video MP4. 

Esto es posible con la visualización personalizada HTML CSS Viewer que nos permite reproducir videos dentro del informe.

Pero, ¿cómo se hizo exactamente? Estos son los tres métodos comunes que usan los analistas de datos para insertar y reproducir videos de LuckyTemplates en sus informes.

Método 1: Creación de botones para videos de LuckyTemplates

Una de las formas más sencillas de lograr nuestro objetivo es insertar un botón en nuestro informe. Podemos hacer esto yendo a Insertar, Botón, luego seleccionando En blanco en el menú desplegable. 

Una vez que se crea el botón, vaya al Panel de formato y abra Acciones. Elija URL web en el campo Tipo y luego copie el enlace de su video deseado en el campo URL web . 

La URL web puede ser un video alojado en YouTube, por ejemplo. Aquí es donde el usuario debe ir una vez que haga clic en el botón.

Por ejemplo, cuando hacemos clic en el botón que creamos, se nos llevará directamente al enlace de nuestro video.

Método 2: incrustar un video de YouTube

Nuestro primer método es una forma muy sencilla de hacerlo, pero a veces queremos tener el video dentro del propio informe. 

Algunas personas se preguntan por qué necesitamos agregar el botón si solo pudiéramos usar un enlace de YouTube en su lugar. Desafortunadamente, aunque es común, ese método simplemente no funciona. Vamos a probar y ver cómo aparece.

Comience yendo a YouTube, haga clic en Compartir y elija Incrustar de las opciones.

Recibiremos un código de inserción, que normalmente se usa para agregar videos en sitios web. 

Podemos suponer que el mismo código también funcionaría en nuestro informe de LuckyTemplates, así que copiemos el código y creemos una nueva medida en LuckyTemplates.

Haga clic con el botón derecho en Video en el Panel de campos y elija Nueva medida.

Llámalo youtube y luego pega nuestro código de YouTube en la siguiente línea como se muestra a continuación. Recuerde que cada vez que agregamos código HTML a DAX , debemos reemplazar las comillas dobles con comillas simples. 

Para simplificar este proceso, simplemente resalte una de las comillas dobles, luego presione CTRL + SHIFT + L. Esto resaltará cada comilla doble en el código. 

Luego, escriba una comilla simple para reemplazar cada comilla doble que se haya eliminado. 

A continuación, agregaremos comillas dobles al principio y al final, dejándonos con un código que se ve así.

Nuestra nueva medida nos da este visual negro en blanco. No recibimos ningún mensaje de error, pero ya podemos ver que no se reproducirá en el escritorio de LuckyTemplates y, en última instancia, este método no funciona. 

Pero, ¿qué pasaría si publicamos este informe en el servicio LuckyTemplates?

A diferencia del escritorio, podemos ver el mensaje de error cuando usamos un navegador. Será un mensaje de error bastante técnico, pero veámoslo de todos modos. 

Abramos LuckyTemplates y ubiquemos nuestro informe de LuckyTemplates guardado.

Debería abrir la misma imagen que obtuvimos en el escritorio de LuckyTemplates. El video aún no se reproduce, pero en el navegador, podemos ir a Configuración desde los tres puntos en la esquina superior derecha de la pantalla, desplazarnos hacia abajo hasta Más herramientas, luego elegir Herramientas para desarrolladores. 

Todos los navegadores modernos tienen las Herramientas para desarrolladores, aunque pueden verse un poco diferentes o estar ubicados en una parte diferente de su navegador. 

Una vez que se abren las Herramientas para desarrolladores, podemos ver un par de errores, algunos de los cuales provienen de YouTube.

YouTube está dando un error porque cada elemento visual personalizado tiene una funcionalidad restringida. Nuestra imagen está técnicamente dentro de un elemento iframe de espacio aislado restringido en el navegador con funcionalidad limitada. 

Esa es la razón por la cual alguna funcionalidad simplemente no es posible para nosotros hacer lo que estamos viendo en nuestra muestra. Estamos en un iframe de sandbox que no “ permite el mismo origen ”, una combinación de restricciones de YouTube y de Microsoft. 

Desafortunadamente, no hay solución para eso, por lo que se recomienda usar Azure Blob Storage en su lugar. Funciona perfectamente en su informe de LuckyTemplates y le permite tener el control total de quién y cómo se puede acceder a los archivos.

Cuenta de Azure Blob Storage para almacenar videos de LuckyTemplates

En caso de que aún no tenga una cuenta de Azure Blob Storage, le guiaremos por el proceso de creación de una nueva cuenta de almacenamiento en Azure Portal y también le mostraremos cómo cargar videos.

Esto también incluye generar enlaces seguros que no son públicos para el mundo en caso de que quieras restringir el acceso a tus videos.

Método 3: usar un almacenamiento de archivos

Para comenzar, visite Azure Portal y abra su suscripción. En nuestro ejemplo, nuestra suscripción se llama TEST/TEMP. 

Cuando seleccionamos esta suscripción de PRUEBA, nos llevará a otra página donde podemos hacer clic en Grupos de recursos.

Luego crearemos un nuevo grupo de recursos vacío al que llamaremos test_video . Luego, definamos qué ubicación queremos que se cree. Haga clic en Crear o Entrar.

Acabamos de crear un nuevo grupo de recursos. Y dentro de este grupo de recursos, agregue una cuenta de almacenamiento. 

Para hacer eso, haga clic en Crear y luego busque " almacenamiento" en la barra de búsqueda resultante. 

Elija el primer resultado, la cuenta de almacenamiento de Microsoft y haga clic en Crear.

Luego, debemos definir en qué suscripción y grupo de recursos debe estar la cuenta. También debemos darle un nombre y seleccionar la región en la que nos encontramos. 

Con cada recurso de Azure, hay una gran cantidad de configuraciones que podemos realizar, como las que se muestran a continuación. 

Pero para este tutorial, usaremos la configuración predeterminada porque funciona bien para nuestro caso específico. 

Haga clic en Revisar + crear y luego en Crear en la página siguiente.

La implementación de un nuevo recurso puede tardar uno o dos minutos. Podemos verificar las notificaciones y ver cuándo todavía se está implementando actualmente.

Una vez implementado, podemos ir a nuestra cuenta de almacenamiento y subir el video. 

Iremos a Inicio y abriremos la suscripción y el grupo de recursos adecuados. Luego podemos comenzar a agregarle videos. 

Para ello, abra la cuenta de almacenamiento. 

Luego, haga clic en Navegador de almacenamiento (versión preliminar) , Contenedores de blobs y Agregar contenedor. 

Lo llamaremos simplemente vídeo . También debemos decidir si hacer que el contenedor sea privado o anónimo. 

Para nuestro contenedor, optemos primero por Privado (sin acceso anónimo) .

El Blob (acceso de lectura anónimo solo para blobs) significa que todos los que tengan la URL del video o el archivo dentro del contenedor pueden acceder a él, mientras que para Privado (sin acceso anónimo), se necesita un poco más de configuración. 

Aquí están los detalles de nuestro nuevo contenedor.

El siguiente paso es intentar agregarle un video.

Entonces, abramos nuestro contenedor de video que se encuentra en el navegador de almacenamiento (vista previa). Luego, haga clic en el botón Cargar y arrastre o suelte nuestro archivo de video.

El archivo de video debería aparecer. 

Y cuando seleccionemos el archivo de video, obtendremos la URL que podemos copiar al portapapeles. Peguémoslo en una ventana privada (Incógnito) para ver cómo se vería para un usuario externo.

Deberíamos obtener un mensaje de error como resultado. Esto se debe a que el contenedor Blob está configurado como privado y no tenemos acceso a él. 

Entonces, ¿cómo resolvemos este problema? ¿Cómo podemos acceder al vídeo? 

Necesitamos abrir Microsoft Azure y volver a test_video.

Luego, abra el navegador de almacenamiento (versión preliminar) y los contenedores de blobs .  

Lo que queremos hacer es agregar un token SAS a todo el contenedor. Lo haremos haciendo clic en los tres puntos a la derecha y eligiendo Generar SAS. 

También queremos establecer la fecha de validez de nuestro token desde hoy hasta el próximo año. Luego, podemos generar token SAS y URL.

Esto creará un token en forma de cadena debajo del botón Generar token SAS y URL . Esa es la señal que necesitamos recordar y copiar.

Ahora, volvamos a nuestra ventana privada con la URL anterior. Todavía no debería funcionar como se muestra a continuación.

Pero cuando agregamos un signo de interrogación al final de la URL y luego pegamos el token, autenticará la URL para que podamos acceder a los blobs dentro de nuestro contenedor.

Con el token agregado, ahora podemos reproducir el video. Esto significa que la URL con el token es lo que también podemos usar para nuestro informe. 

Uso del token en LuckyTemplates

Volvamos a nuestro informe de LuckyTemplates y creemos una nueva página 

Tenemos la medida anterior que llamamos youtube que se ve así. 

Reutilizaremos y actualizaremos esta medida para que funcione esta vez. 

Conserve la etiqueta de video y defina que queremos que el video ocupe el cien por ciento del espacio de la imagen (ancho = 100%) . Agregue también los controles , que incluyen los botones dedicados para reproducir, pausar, etc. 

Lo más importante es agregar la nueva fuente o la URL con el token SAS agregado. 

A continuación, agregamos el Visor HTML CSS desde el Panel de visualizaciones y hacemos clic en Video en el Panel de campos. 

En última instancia, el video ahora debería aparecer en nuestra página, permitiéndonos reproducir el video que cargamos en Blob Storage.

Tenga en cuenta que esto funciona en privado, por lo que debemos tener el token SAS. De lo contrario, no tendremos acceso al video. 

Sin el token SAS

Repasemos rápidamente el proceso sobre cómo haría esto sin el token SAS.

Regrese a nuestra cuenta de almacenamiento para actualizar la privacidad de nuestro contenedor de video. En lugar de Privado, cambiémoslo a Blobs (acceso de lectura anónimo solo para blobs) . Luego, haga clic en Aceptar.

Volviendo a nuestro informe, podemos eliminar el token y esperar que aún podamos ver y reproducir el video. 

Cambiar la privacidad de nuestro contenedor de video también significa que todos los que tengan el enlace pueden acceder al video. Por ejemplo, si colocamos la URL en nuestro navegador, el video aún debería reproducirse incluso sin el token.

Objetos visuales personalizados en LuckyTemplates: aprenda a controlar las propiedades de fuente en DAX
Cree un informe en blanco con el Generador de informes de LuckyTemplates
Generador de informes en LuckyTemplates: formateo de objetos y visualizaciones

Conclusión

No es posible insertar directamente videos de YouTube en los informes de LuckyTemplates debido a las restricciones de Microsoft y YouTube. 

Una forma fácil de abordar este problema es agregar botones con hipervínculos a los videos. Esto funciona sin imágenes personalizadas y es compatible con videos de YouTube o videos de Blob Storage.

Pero si desea que su video se incruste en el informe, el enfoque más fácil de usar es usar Azure Blob Storage. Es fácil de configurar, conveniente y también relativamente barato.

Puede aplicar lo que aprendió hoy para crear su próximo informe de LuckyTemplates. Por ejemplo, le resultará útil agregar un video de ayuda para el usuario final del desarrollador para explicar cómo se debe usar el informe. Hay muchas más aplicaciones para videos en LuckyTemplates y ahora puede aprovecharlas.

Mis mejores deseos,

pascal kiefer