Utilizar ficheiros multimédia no PowerAppsUsing multimedia files in PowerApps

Este tópico mostra como incorporar ficheiros multimédia na aplicação, carregar desenhos a caneta para uma origem de dados e mostrar imagens de uma origem de dados na aplicação.This topic shows you how to embed multimedia files in your app, upload pen drawings to a data source, and show images from a data source in your app. A origem de dados utilizada neste tópico é um ficheiro do Excel no OneDrive para Empresas.The data source used in this topic is an Excel file in OneDrive for Business.

Pré-requisitosPrerequisites

Inscreva-se no PowerApps e instale-o.Sign up for PowerApps, and install it. Quando abrir o PowerApps, inicie sessão com as mesmas credenciais que utilizou para se inscrever.When you open PowerApps, sign in using the same credentials that you used to sign up.

Adicionar suportes de dados a partir de um ficheiro ou da cloudAdd media from a file or the cloud

Pode escolher o tipo de ficheiro de suporte de dados a adicionar (por exemplo, imagens, vídeo ou áudio).You can choose the kind of media file to add (for example, images, video, or audio).

  1. No separador Conteúdo, selecione Suporte de Dados.On the Content tab, select Media.

  2. Em Suporte de Dados, selecione Imagens, Vídeos, ou Áudioe selecione Procurar:Under Media, select Images, Videos, or Audio, and then select Browse:

    Procurar suporte de dados

  3. Selecione o ficheiro que pretende adicionar e selecione Abrir.Select the file that you want to add, and then select Open.

    A pasta Imagens no seu computador é aberta, e pode selecionar uma imagem dessa pasta ou navegar para outra.The Pictures folder on your computer opens, and you can select an image from there or navigate to another folder.

  4. Quando concluir a adição de ficheiros, prima Esc para voltar à área de trabalho predefinida.When you finish adding files, press Esc to return to the default workspace.

  5. No separador Inserir, selecione Suporte de Dados e selecione Imagem, Vídeo, ou Áudio:On the Insert tab, select Media, and then select Image, Video, or Audio:

    Selecionar tipo de suporte de dados

  6. Se tiver adicionado um controlo de imagem, defina a respetiva propriedade Imagem para o ficheiro que adicionou:If you added an image control, set its Image property to the file that you added:

    Definir propriedade de imagem

    Nota

    Especifique apenas o nome de ficheiro sem a extensão, dentro de plicas.Specify the file name only, without the extension, inside single quotes.

  7. Se tiver adicionado um controlo de vídeo ou áudio, defina a respetiva propriedade Suporte de Dados para o ficheiro que adicionou:If you added a video or audio control, set its Media property to the file that you added:

    Definir a propriedade suporte de dados

    Nota

    Reproduza um vídeo do YouTube, definindo a propriedade Suporte de Dados de um controlo de vídeo para o URL adequado, entre aspas.Play a YouTube video by setting the Media property of a video control to the appropriate URL, enclosed in double quotation marks.

Adicionar suportes de dados dos Serviços de Multimédia do AzureAdd media from Azure Media Services

  1. Com a sua conta dos Serviços de Multimédia do Azure, carregue e publique o recurso de vídeo a partir de AMS > Definições > Recursos.From your Azure Media Services account, upload and publish your video asset from AMS > Settings > Assets.

  2. Depois de o vídeo ser publicado, copie o URL.After the video is published, copy its URL.

  3. No PowerApps, adicione o controlo Vídeo a partir de Inserir > Suporte de Dados.From PowerApps, add the Video control from Insert > Media.

  4. Defina a propriedade Suporte de Dados para o URL que copiou.Set the Media property to the URL that you copied.

    Como este gráfico mostra, pode escolher qualquer URL de transmissão em fluxo suportado pelos Serviços de Multimédia do Azure:As this graphic shows, you can choose any streaming URL that Azure Media Services supports:

    Definir a propriedade suporte de dados

Adicionar imagens da cloud à sua aplicaçãoAdd images from the cloud to your app

Neste cenário, pode guardar imagens numa conta de armazenamento na cloud, o OneDrive para Empresas.In this scenario, you save images in a cloud storage account, OneDrive for Business. Utilize uma tabela do Excel para conter o caminho para as imagens e apresente as imagens de um controlo de galeria na sua aplicação.You use an Excel table to contain the path to the images, and you display the images in a gallery control in your app.

Este cenário utiliza CreateFirstApp.zip, que contém alguns ficheiros .jpeg.This scenario uses the CreateFirstApp.zip that contains some .jpeg files.

Nota

O caminho para estas imagens no ficheiro do Excel tem de utilizar barras.The path to these images in the Excel file must use forward slashes. Quando o PowerApps guarda os caminhos de imagens numa tabela do Excel, o caminho utiliza barras invertidas.When PowerApps saves image paths in an Excel table, the path uses backslashes. Se utilizar caminhos de imagens de uma tabela deste tipo, altere os caminhos na tabela do Excel para que utilizem barras em vez de barras invertidas.If you use image paths from such a table, change the paths in the Excel table to use forward slashes instead of backslashes. Caso contrário, as imagens não serão apresentadas.Otherwise, the images won't display.

  1. Transfira CreateFirstApp.zip e extraia a pasta Assets para a sua conta de armazenamento na cloud.Download CreateFirstApp.zip, and extract the Assets folder to your cloud storage account.

  2. Mude o nome da pasta Recursos para Assets_images.Rename the Assets folder to Assets_images.

  3. Na folha de cálculo do Excel, crie uma tabela com uma coluna e preencha-a com os seguintes dados:In an Excel spreadsheet, create a one-column table, and fill it with the following data:

    Tabela de casacos

  4. Dê o nome Casacos à tabela e dê o nome Assets.xlsx ao ficheiro do Excel.Name the table Jackets, and name the Excel file Assets.xlsx.

  5. Na sua aplicação, adicione a tabela Casacos como uma origem de dados.In your app, add the Jackets table as a data source.

  6. Adicione um controlo Apenas imagem (separador Inserir > Galeria) e defina a respetiva propriedade Itens para Jackets:Add an Image only control (Insert tab > Gallery), and set its Items property to Jackets:

    Propriedade Itens

    A galeria é atualizada automaticamente com as imagens:The gallery is automatically updated with the images:

    Imagens de casacos

    Ao configurar a propriedade Itens, uma coluna com o nome PowerAppsId é automaticamente adicionada à tabela do Excel.When you set the Items property, a column named PowerAppsId is automatically added to the Excel table.

    Na tabela do Excel, o caminho da imagem também pode ser o URL para uma imagem.In the Excel table, the image path can also be the URL to an image. O ficheiro de exemplo Flooring Estimates é um exemplo disso.An example is the Flooring Estimates sample file. Pode transferi-lo para a sua conta de armazenamento na cloud, adicionar a tabela FlooringEstimates como uma origem de dados na sua aplicação e, em seguida, definir o controlo de galeria para FlooringEstimates.You can download it to your cloud storage account, add the FlooringEstimates table as a data source in your app, and then set the gallery control to FlooringEstimates. A galeria é atualizada automaticamente com as imagens.The gallery is automatically updated with the images.

Carregar desenhos a caneta para a cloudUpload pen drawings to the cloud

Neste cenário, aprende a carregar desenhos a caneta para a origem de dados, OneDrive para Empresas, e a examinar como os desenhos aí ficam armazenados.In this scenario, you learn how to upload pen drawings to your data source, OneDrive for Business, and examine how the drawings are stored there.

  1. No Excel, adicione Imagem [imagem] à célula A1.In Excel, add Image [image] to cell A1.

  2. Crie uma tabela com os seguintes passos:Create a table using the following steps:

    1. Selecione a célula A1.Select cell A1.

    2. No friso Inserir, selecione Tabela.On the Insert ribbon, select Table.

    3. Na caixa de diálogo, selecione A minha tabela tem cabeçalhos e selecione OK.In the dialog box, select My table has headers, and then select OK.

      Criar uma tabela

      O ficheiro do Excel está agora em formato de tabela.Your Excel file is now in a table format. Veja Formatar os dados como uma tabela para obter mais informações sobre a formatação de tabelas do Excel.See Format the data as a table for more information about table formatting in Excel.

    4. Dê o nome Desenhos à tabela:Name the table Drawings:

      Mudar o nome da tabela para Desenhos

  3. Guarde o ficheiro do Excel no OneDrive para Empresas como SavePen.xlsx.Save the Excel file to OneDrive for Business as SavePen.xlsx.

  4. No PowerApps, crie uma aplicação em branco.In PowerApps, create a blank app.

  5. Na sua aplicação, adicione a conta do OneDrive para Empresas como uma origem de dados:In your app, add the OneDrive for Business account as a data source:

    1. Clique ou toque no separador Ver e clique ou toque em Origens de dados.Click or tap the View tab, and then click or tap Data sources.

    2. Clique ou toque em Adicionar origem de dadose clique ou toque em OneDrive para Empresas.Click or tap Add data source, and then click or tap OneDrive for Business.

    3. Clique ou toque em SavePen.xlsx.Click or tap SavePen.xlsx.

    4. Selecione a tabela Desenhos que criou e clique ou toque em Ligar.Select the Drawings table, and then click or tap Connect.

      Ligar

      A tabela Desenhos está agora listada como uma origem de dados.Now, the Drawings table is listed as a data source.

  6. No separador Inserir, selecione Texto e selecione Introdução a caneta.On the Insert tab, select Text, and then select Pen input.

  7. Mudar o nome do novo controlo para MyPen:Rename the new control MyPen:

    Mudar o nome

  8. No separador Inserir, adicione um controlo Botão e defina a respetiva propriedade OnSelect para esta fórmula:On the Insert tab, add a Button control, and set its OnSelect property to this formula:

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

  9. Adicione um controlo Galeria de imagens (separador Inserir > Galeria) e defina a respetiva propriedade Itens para Drawings.Add an Image gallery control (Insert tab > Gallery), and set its Items property to Drawings. A propriedade Image do controlo de galeria é definida automaticamente para ThisItem.Image.The Image property of the gallery control is automatically set to ThisItem.Image.

    Disponha os controlos de modo a que o ecrã seja semelhante ao seguinte:Arrange the controls so that your screen resembles the following:

    Ecrã de exemplo

  10. Prima F5 ou selecione Pré-visualização (Press F5, or select Preview ( Botão de Pré-visualização ).).

  11. Desenhe algo em MyPen e selecione o botão.Draw something in MyPen, and then select the button.

    A primeira imagem no controlo de galeria apresenta o que desenhou.The first image in the gallery control displays what you drew.

  12. Adicione algo mais ao desenho e selecione o botão.Add something else to your drawing, and select the button.

    A segunda imagem no controlo de galeria apresenta o que desenhou.The second image in the gallery control displays what you drew.

  13. Feche a janela de pré-visualização, premindo Esc.Close the preview window by pressing Esc.

    Na sua conta de armazenamento na cloud, uma pasta SavePen_images foi criada automaticamente.In your cloud storage account, a SavePen_images folder has been automatically created. Esta pasta contém as imagens guardadas com os IDs dos respetivos nomes de ficheiro.This folder contains your saved images with IDs for their file names. Para mostrar a pasta, poderá ter de atualizar a janela do browser ao, por exemplo, premir F5.To show the folder, you may need to refresh the browser window by, for example, pressing F5.

    Em SavePen.xlsx, a coluna Imagem especifica o caminho para as novas imagens.In SavePen.xlsx, the Image column specifies the path to the new images.

Limitações conhecidasKnown limitations

Para obter informações sobre como partilhar dados do Excel na sua organização, reveja estas limitações.For information about how to share Excel data within your organization, review these limitations.

Para mais informaçõesFor more information

Certifique-se de que testa a aplicação em diferentes plataformas, incluindo numa janela do browser e num telemóvel.Be sure to test your app on different platforms, including in a browser window and on a phone.

Para obter informações sobre cenários mais avançados que envolvam carregar multimédia diretamente para uma origem de dados diferente, veja sugestões profissionais de captura de imagens e conectores personalizados para carregamento de imagens.For information about more advanced scenarios that involve uploading multimedia directly to a different data source, see image capture pro tips and custom connectors for image upload.

Outra forma de carregar ficheiros para uma origem de dados é utilizar a função Patch.Another way to upload files to a data source is to use the Patch function.