Usar archivos multimedia en aplicaciones de lienzo

Puede agregar imágenes, archivos de audio y video a una aplicación de lienzo. Agregue video desde servicios de streaming, como Microsoft Stream, Azure Media Services o servicios de streaming de terceros, como YouTube. O use controles de entrada como Entrada manuscrita para recoger firmas.

Este artículo le guía a través del trabajo con escenarios multimedia, streaming y de control de entrada. El origen de datos que vamos a usar en este artículo es un archivo de Excel guardado en OneDrive para la Empresa.

Requisitos previos

Suscríbase en Power Apps y luego inicie sesión con las mismas credenciales utilizadas para la suscripción.

Vea este vídeo para aprender cómo usar el archivos multimedia en aplicaciones de lienzo:

Agregar contenido multimedia desde un archivo o la nube

Puede elegir el tipo de contenido multimedia que desea agregar; por ejemplo, imágenes, vídeo o audio. Puede agregar imágenes usando el panel de medios, o usando el control de imágenes.

Panel de medios.

Nota

Al agregar archivos multimedia por URL,

  • Utilice HTTPS para garantizar la compatibilidad con los navegadores modernos.
  • Asegúrese de que la URL es accesible de forma anónima, sin ninguna autenticación. Intente ingresar la URL en modo de navegación privada para verificar que sea accesible sin iniciar sesión.

Agregar imágenes, audio o video usando el panel de medios

Para usar el panel Medios para agregar, eliminar o usar archivos multimedia en su aplicación:

  1. Seleccione Medios en el panel de la izquierda.

    Medios.

  2. Seleccione Subir desde el panel de medios.

    Subir medios.

  3. Elija los archivos que desea agregar y seleccione Abrir.

  4. Seleccione el archivo del panel de medios para insertarlo en la pantalla.

    Agregar medios.

  5. Guarde y publique su aplicación.

  6. Compartir una aplicación con otros.

Agregar imágenes, audio o video usando los controles

Para agregar imágenes, audio o video usando los controles Imagen, Audio o Vídeo:

  1. Seleccione Insertar en el menú superior.

  2. Seleccione el desplegable Medios.

  3. Escoja entre los controles Imagen, Audio o Vídeo.

Para el control Imagen, actualice la propiedad Imagen con el nombre del archivo de imagen, sin extensión. Para el control Audio o Vídeo, actualice la propiedad Medios con el nombre del archivo o la URL, como la URL de vídeo de YouTube entre comillas dobles.

Agregar contenido multimedia desde Azure Media Services

  1. Desde su cuenta de Azure Media Services, cargue y publique sus recursos de vídeo desde AMS > Configuración > Activos.

  2. Una vez publicado el vídeo, copie su dirección URL.

  3. Desde Power Apps, agregue el control Vídeo desde Insertar > Multimedia.

  4. Establezca la propiedad Media en la dirección URL que copió.

    Como se muestra en este gráfico, puede elegir cualquier dirección URL de streaming que admita Azure Media Services:

    Configurar la propiedad Media.

  5. Guarde y publique su aplicación.

  6. Compartir una aplicación con otros.

Agregar medios de Microsoft Stream

Para aprender a agregar un control de video Microsoft Stream, vaya a ejemplo de control de video de Microsoft Stream.

Agregar imágenes a la aplicación desde la nube

En este ejemplo, tiene imágenes guardadas en una cuenta de almacenamiento en la nube de OneDrive para la Empresa. Además, utiliza una tabla de Excel donde se almacenan las rutas de acceso de las imágenes y estas imágenes se muestran en la aplicación mediante un control Galería.

En este ejemplo, vamos a utilizar CreateFirstApp.zip, que contiene algunos archivos .jpeg.

Nota

Las rutas de acceso a estas imágenes que se utilizan en el archivo de Excel deben escribirse usando barras diagonales. Cuando Power Apps guarda las rutas de las imágenes en una tabla de Excel, las rutas contienen barras diagonales inversas. Si utiliza rutas de imágenes que proceden, por ejemplo, de una tabla, debe cambiar las rutas de la tabla de Excel para que contengan barras diagonales en lugar de barras diagonales inversas. De lo contrario, no se mostrarán las imágenes.

  1. Descargue CreateFirstApp.zip y extraiga la carpeta Assets en la cuenta de almacenamiento en nube.

  2. Cambie el nombre de la carpeta Assets por Assets_images.

  3. En una hoja de cálculo de Excel, cree una tabla de una sola columna y rellénala con los siguientes datos.

    Tabla Jackets.

    Para copiar la ruta del archivo desde OneDrive para empresas, seleccione un archivo y luego seleccione Ruta (Copiar vínculo directo) desde el panel de detalles del lado derecho de la pantalla.

  4. Asigne el nombre Jackets a la tabla y el nombre Assets.xlsx al archivo de Excel.

  5. En la aplicación, agregue la tabla Chaquetas como origen de datos.

  6. Opcionalmente, actualice la orientación de su aplicación a Horizontal.

  7. Seleccione Insertar > Galería y luego seleccione Horizontal.

  8. Opcionalmente, seleccione el campo de texto y luego el campo de encabezado de debajo de la primera imagen, y elimínelos para mantener solo las imágenes en la pantalla.

    Eliminar campos.

    Si ve un error de fórmula, presione Ctrl + Z para deshacer la eliminación y luego asegúrese de eliminar primero el campo Subtítulo y luego el campo Título.

  9. Establezca la propiedad Artículos de la galería en Jackets.

    Propiedad Items.

  10. Seleccione la primera imagen de la galería y configure su propiedad Imagen en ThisItem.Images:

    Imágenes de artículos.

    La galería se actualiza automáticamente con las imágenes:

    Imágenes de Jackets.

    Cuando defina la propiedad Items, automáticamente se agregará la columna PowerAppsId a la tabla de Excel.

  11. Guarde y publique su aplicación.

  12. Compartir una aplicación con otros.

Cargar dibujos en la nube

En este ejemplo, aprenderá a cargar dibujos en el origen de datos, OneDrive para la Empresa, y descubrirá cómo se guardan allí los dibujos.

  1. En Excel, escriba Imagen [image] en la celda A1.

  2. Cree una tabla siguiendo estos pasos:

    1. Seleccione la celda A1.

    2. En la cinta Insertar, seleccione Tabla.

    3. En el cuadro de diálogo, seleccione La tabla tiene encabezados y Aceptar.

      Crear una tabla.

      Ahora, el archivo de Excel tiene formato de tabla. Para más información sobre el formato de tablas de Excel, consulte Aplicar formato de tabla a los datos.

    4. Asigne a la tabla el nombre Drawings:

      Cambie el nombre de la tabla a Drawings.

  3. Guarde el archivo de Excel en OneDrive para la Empresa como SavePen.xlsx.

  4. En Power Apps, cree una aplicación en blanco con diseño de tableta.

  5. En la aplicación, agregue la cuenta de OneDrive para la Empresa como origen de datos:

    1. Seleccione el menú Vista y, a continuación, seleccione Orígenes de datos.

      Elegir origen de datos.

    2. Seleccione Agregar origen de datos y luego OneDrive para empresas.

    3. Seleccione SavePen.xlsx.

    4. Seleccione la tabla Dibujos y elija Conectar.

      Conectar.

      Ahora, la tabla Drawings aparece como origen de datos.

  6. Seleccione Insertar > Entrada y luego seleccione Entrada manuscrita.

  7. Cambie el nombre del control a MyPen:

    Cambiar nombre.

  8. En la pestaña Insertar, agregue el control Botón y establezca la propiedad OnSelect en esta fórmula:

    Parche(Drawings, Defaults(Drawings), {Image:MyPen.Image})

    Botón OnSelect.

  9. Agregue un control de galería Horizontal (pestaña Insertar > Galería).

  10. Opcionalmente, seleccione el campo de texto y luego el campo de encabezado de debajo de la primera imagen, y elimínelos para mantener solo las imágenes en la pantalla.

    Eliminar campos.

    Si ve un error de fórmula, presione Ctrl + Z para deshacer la eliminación y luego asegúrese de eliminar primero el campo Subtítulo y luego el campo Título.

  11. Establezca la propiedad de la galería Artículos en Drawings. La propiedad Imagen del control de galería se establece automáticamente en ThisItem.Image.

    Organice los controles para que su pantalla se parezca a lo mostrado a continuación:

    Pantalla de ejemplo.

  12. Presione F5 o seleccione Vista previa ( Botón Vista previa. ).

  13. Dibuje algo en MyPen y seleccione el botón.

    En la primera imagen del control Galería aparecerá lo que ha dibujado.

  14. Agregue algo más al dibujo y seleccione el botón.

    En la segunda imagen del control de galería aparecerá lo que ha dibujado.

  15. Cierre la ventana de vista previa con la tecla Esc.

    En la cuenta de almacenamiento en la nube, se crea automáticamente la carpeta SavePen_images. Esta carpeta contiene las imágenes guardadas junto con los identificadores de los nombres de archivo. Para ver la carpeta, deberá actualizar la ventana del explorador (por ejemplo, pulsando F5).

    Nota

    El nombre de la carpeta puede ser diferente si el nombre de su archivo de Excel es diferente. Por ejemplo, si su nombre de archivo es Pen.xlsx, el nombre de la carpeta será Pen_images.

    En SavePen.xlsx, la ruta de las nuevas imágenes se especifica en la columna Imagen.

  16. Guarde y publique su aplicación.

  17. Compartir una aplicación con otros.

Quitar medios no usados

Puede quitar todos los medios no utilizados de la aplicación para limpiar o reducir el tamaño de la aplicación usando la opción Medios > Quitar medios no utilizados.

Eliminar los medios no utilizados de la aplicación

Limitaciones conocidas

  • Para permitir un mejor rendimiento al cargar una aplicación, se aplican las siguientes restricciones de tamaño:
    • El tamaño total de todos los archivos multimedia cargados en una aplicación no puede superar los 200 MB.
    • El tamaño máximo de un archivo multimedia individual en una aplicación no puede exceder los 64 MB.
  • Tipos de archivos de medios compatibles: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4.
  • Se aplican las Limitaciones conocidas del almacenamiento en la nube al conectar su aplicación con almacenamiento basado en la nube.

Vea también

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).