Usare i file multimediali nelle app canvas

È possibile aggiungere immagini, file audio e video a un'app canvas. Aggiungi video da servizi di streaming come Microsoft Stream, Servizi multimediali di Azure o servizi di streaming di terze parti, come YouTube. Oppure usa i controlli di input come Input penna per raccogliere firme.

In questo articolo viene illustrato come lavorare con scenari multimediali, di streaming e di controllo dell'input. L'origine dati usata in questo articolo è un file di Excel in OneDrive for Business.

Prerequisiti

Iscriviti a Power Apps e quindi accedi utilizzando le stesse credenziali che hai usato per iscriverti.

Guarda questo video per imparare a utilizzare i file multimediali nelle app canvas:

Aggiungere file multimediali da un file o dal cloud

Puoi scegliere il tipo di file multimediale da aggiungere, ad esempio immagini, video o audio. È possibile aggiungere immagini utilizzando il riquadro Multimedia o utilizzando il controllo Immagini.

Aggiungere immagini, audio o video utilizzando il riquadro Multimedia

Per usare il riquadro Mulimedia allo scopo di aggiungere, rimuovere o utilizzare file multimediali nell'app:

1. Seleziona Multimedia nel riquadro sinistro.

   

2. Seleziona Carica nel pannello Multimedia.

   

3. Seleziona i file che intendi aggiungere e quindi Apri.

4. Seleziona il file dal riquadro Multimedia da inserire nella schermata.

   

5. Salva e pubblica l'app.

6. Condividi l'app con altri utenti.

Aggiungere immagini, audio o video utilizzando i controlli

Per aggiungere immagini, audio o video utilizzando i controlli Immagine, Audio o Video:

1. Seleziona Inserisci dal menu in alto.

2. Seleziona l'elenco a discesa Multimedia.

3. Scegli i controlli Immagine, Audio o Video.

Per il controllo Immagine, aggiorna la proprietà Image con il nome del file immagine, senza estensione. Per il controllo Audio o Video, aggiorna la proprietà Media con il nome di file o l'URL come l'URL del video YouTube tra virgolette doppie.

Aggiungere file multimediali da Servizi multimediali di Azure

1. Dall'account di Servizi multimediali di Azure, carica e pubblica l'asset video da AMS > Impostazioni > Asset.

2. Dopo aver pubblicato il video, copia il relativo URL.

3. Da Power Apps, aggiungi il controllo Video da Inserisci > Contenuti multimediali.

4. Imposta la proprietà Media sull'URL copiato.

   Come illustrato nell'immagine, puoi scegliere qualsiasi URL di streaming supportato da Servizi multimediali di Azure:

   

5. Salva e pubblica l'app.

6. Condividi l'app con altri utenti.

Aggiungere file multimediali Microsoft Stream

Per sapere come aggiungere un controllo Video di Microsoft Stream, vai all'esempio di un controllo Video di Microsoft Stream.

Aggiungere immagini dal cloud all'app

In questo scenario le immagini vengono salvate in un account di archiviazione cloud, OneDrive for Business. Usi una tabella di Excel per contenere il percorso delle immagini e visualizzi le immagini in un controllo Raccolta nell'app.

In questo scenario usi il file CreateFirstApp.zip che contiene alcuni file JPEG.

1. Scarica CreateFirstApp.zip ed estrai la cartella Assets nell'account di archiviazione cloud.

2. Modifica il nome della cartella Assets in Assets_images.

3. In un foglio di calcolo di Excel crea una tabella a una colonna e compilala con i dati seguenti.

   

   Per copiare il percorso del file da OneDrive for Business, seleziona un file, quindi seleziona Percorso (Copia collegamento diretto) nel riquadro dei dettagli sul lato destro dello schermo.

4. Assegna alla tabella il nome Jackets e al file di Excel il nome Assets.xlsx.

5. Nell'app aggiungi la tabella Jackets come origine dati.

6. Facoltativamente, aggiorna lorientamento dell'app a Orizzontale.

7. Seleziona Inserisci > Raccolta, quindi seleziona Orizzontale.

8. Facoltativamente, seleziona il campo di testo e quindi il campo dell'intestazione sotto la prima immagine ed eliminali per mantenere solo le immagini sullo schermo.

   

   Se viene visualizzato un errore di formula, premi Ctrl+Z per annullare l'eliminazione e quindi assicurati di eliminare prima il campo Sottotitolo e poi il campo Titolo.

9. Imposta la proprietà Items della raccolta su Jackets.

   

10. Seleziona la prima immagine nella raccolta e impostane la proprietà Image su ThisItem.Images:

    

    La raccolta viene automaticamente aggiornata con le immagini:

    

    Quando imposti la proprietà Items viene automaticamente aggiunta una colonna denominata PowerAppsId alla tabella di Excel.

11. Salva e pubblica l'app.

12. Condividi l'app con altri utenti.

Caricare disegni con penna nel cloud

In questo scenario si apprenderà come caricare disegni con penna nell'origine dati, OneDrive for Business, e il modo in cui vengono archiviati i disegni.

1. In Excel aggiungi Image [image] alla cella A1.

2. Crea una tabella seguendo questa procedura:

   1. Seleziona la cella A1.

   2. Seleziona Tabella sulla barra multifunzione Inserisci.

   3. Nella finestra di dialogo seleziona Tabella con intestazioni, quindi seleziona OK.

      

      Il file di Excel è ora in formato tabella. Vedere Formattare una tabella di Excel per altre informazioni sulla formattazione delle tabelle in Excel.

   4. Assegna alla tabella il nome Drawings:

      

3. Salva il file di Excel in OneDrive for Business come SavePen.xlsx.

4. In Power Apps, crea un app vuota con il layout Tablet.

5. Nell'app aggiungi l'account OneDrive for Business come origine dati:

   1. Seleziona il menu Visualizza e seleziona Origini dati.

      

   2. Seleziona Aggiungi origine dati quindi seleziona OneDrive for Business.

   3. Seleziona SavePen.xlsx.

   4. Seleziona la tabella Drawings e quindi Connetti.

      

      La tabella Drawings è ora elencata come origine dati.

6. Seleziona Inserisci > Input, quindi seleziona Input penna.

7. Rinomina il nuovo controllo MyPen:

   

8. Nella scheda Inserisci aggiungi un controllo Pulsante e impostane la proprietà OnSelect su questa formula:

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

   

9. Aggiungi un controllo Raccolta Orizzontale (scheda Inserisci > Raccolta).

10. Facoltativamente, seleziona il campo di testo e quindi il campo dell'intestazione sotto la prima immagine ed eliminali per mantenere solo le immagini sullo schermo.

    

    Se viene visualizzato un errore di formula, premi Ctrl+Z per annullare l'eliminazione e quindi assicurati di eliminare prima il campo Sottotitolo e poi il campo Titolo.

11. Imposta la proprietà Items della raccolta su Drawings. La proprietà Image del controllo Raccolta viene automaticamente impostata su ThisItem.Image.

    Disponi i controlli in modo che la schermata sia simile a quanto segue:

    

12. Premi F5 o scegli Anteprima ( ).

13. Disegna qualcosa in MyPen e quindi seleziona il pulsante.

    La prima immagine nel controllo Raccolta rappresenta ciò che è stato disegnato.

14. Aggiungi altri elementi al disegno e seleziona il pulsante.

    La seconda immagine nel controllo Raccolta rappresenta ciò che è stato disegnato.

15. Chiudi la finestra di anteprima premendo ESC.

    Nell'account di archiviazione cloud è stata creata automaticamente la cartella SavePen_images. Questa cartella contiene le immagini salvate con ID relativi ai nomi dei file. Per visualizzare la cartella può essere necessario aggiornare la finestra del browser, ad esempio premendo F5.

    Nota

    Il nome della cartella potrebbe essere diverso se il nome del file di Excel è differente. Ad esempio, se il nome di file è Pen.xlsx, il nome della cartella sarà Pen_images.

    In SavePen.xlsx la colonna Image specifica il percorso delle nuove immagini.

16. Salva e pubblica l'app.

17. Condividi l'app con altri utenti.

Rimuovere file multimediali non utilizzati

Puoi rimuovere tutti i file multimediali inutilizzati dall'app per ripulire o ridurre le dimensioni dell'app usando l'opzione File multimediali > Rimuovi file multimediali inutilizzati.

Limitazioni note

• Per abilitare prestazioni migliori durante il caricamento di un'app, si applicano le seguenti restrizioni di dimensione:
  • La dimensione totale di tutti i file multimediali caricati in un'app non può superare i 200 MB.
  • La dimensione massima di un singolo file multimediale in un'app non può superare i 64 MB.
• Tipi di file multimediali supportati: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4
• Le limitazioni note per l'archiviazione nel cloud si applicano quando si collega l'app con l'archiviazione nel cloud.

Vedi anche

• Informazioni di riferimento sui controlli
• Utilizzo di formule