Brug af multimediefiler i canvas-apps

Du kan føje billeder, lyd og videofiler til en lærredsapp. Tilføj video fra streamingtjenester, f.eks. Microsoft Clipchamp, Azure Media Services eller streamingtjenester fra tredjepart, f.eks YouTube. Du kan også bruge inputkontrolelementer som Penneinput til at indsamle signaturer.

Denne artikel indeholder en gennemgang af arbejdet med scenarier med multimedier, streaming og inputkontrolelementer. Den datakilde, der er brugt i denne artikel, er en Excel-fil i OneDrive for Business.

Forudsætninger

Tilmeld dig Power Apps, og log derefter på ved hjælp af de samme legitimationsoplysninger, som du brugte til at tilmelde dig.

Se denne video for at få mere at vide om, hvordan du bruger multimediefiler i lærredsapps:

Tilføje medier fra en fil eller cloudmiljøet

Du kan vælge den type mediefil, der skal tilføjes (f.eks. billeder, video eller lyd). Du kan tilføje billeder ved hjælp af medieruden eller ved hjælp af kontrolelementet Billeder.

Tilføj billeder, lyd eller video ved hjælp af medieruden

Sådan tilføjer eller fjerner du mediefiler i din app ved hjælp af ruden Medier :

1. Vælg Medier i venstre rude.

   

2. Vælg Overfør i mediepanelet.

   

3. Vælg de filer, du vil tilføje, og vælg derefter Åbn.

4. Vælg den fil i medieruden, der skal indsættes på skærmen.

   

5. Gem og publicer din app.

6. Del app med andre.

Tilføj billeder, lyd eller video ved hjælp af kontrolelementerne

Sådan tilføjer du billeder, lyd eller video ved hjælp af kontrolelementerne Image, Audio eller Video :

1. Vælg Indsæt i den øverste menu.

2. Vælg rullelisten Medie .

3. Vælg i kontrolelementerne Billed, Lyd eller Video.

For kontrolelementet Image skal du opdatere egenskaben Image med billedfilnavnet uden filtypenavn. For kontrolelementet Audio eller Video skal du opdatere egenskaben Media med filnavnet eller URL-adressen, f.eks. URL-adressen til YouTube-video, i dobbelte anførselstegn.

Tilføj medier fra Azure Media Services

1. Fra din Azure Media Services-konto kan du uploade og publicere dit videoaktiv fra AMS > Indstillinger > Assets.

2. Når videoen er publiceret, kan du kopiere dens URL-adresse.

3. Fra Power Apps kan du tilføje kontrolelementet Video fra Indsæt > Medier.

4. Angiv egenskaben Media til den URL-adresse, du kopierede.

   Som vist i denne grafik kan du vælge en hvilken som helst URL-adresse til streaming, som Azure Media Services understøtter:

   

5. Gem og publicer din app.

6. Del app med andre.

Tilføj Microsoft Clipchamp-medier

Du kan få oplysninger om, hvordan du tilføjer et Microsoft Clipchamp-videokontrolelement, i eksempel på microsoft Clipchamp-videokontrol.

Føj billeder fra cloud til din app

I dette scenarie gemmer du billeder på en cloudlagerkonto OneDrive for Business. Stien til billederne er indeholdt i en Excel-tabel, og du får vist billederne i et gallerikontrolelement i din app. I dette scenarie bruger du dine egne billedfiler, der er gemt i OneDrive for Business. Du opretter en Excel-tabel, der indeholder filstierne til disse billeder, og viser derefter billederne i et gallerikontrolelement i din app.

1. I OneDrive for Business skal du oprette en mappe med navnet Assets_images og overføre nogle få .jpg eller .png filer til mappen.

2. (Valgfrit) Hvis du har brugt et andet mappenavn, skal du omdøbe mappen til Assets_images.

3. Opret en tabel med én kolonne med navnet Billeder i et Excel-regneark, og tilføj derefter én række pr. billede. I hver række skal du indsætte filstien (direkte link) til et billede i din Assets_images mappe.

   

   Tip! Hvis du vil kopiere filstien fra OneDrive for Business skal du vælge en billedfil og derefter vælge Path (Kopiér direkte link) i detaljeruden i højre side af skærmen.

4. Navngiv tabellen Jackets, og navngiv Excel-filen Aktiver.xlsx.

5. Tilføj tabellen Jackets i din app som en datakilde.

6. Du kan også vælge at opdatere din app retning til liggende.

7. Vælg Indsæt>Galleri og derefter Vandret.

8. Du kan også vælge tekstfeltet og derefter overskriftsfeltet under det første billede og slette dem for kun at beholde billeder på skærmen.

   

   Hvis du får vist en formelfejl, skal du trykke på Ctrl+Z for at fortryde sletningen. Slet derefter feltet Undertitel og feltet Titel .

9. Indstil galleriets egenskab Items til Jackets.

   

10. Vælg det første billede i galleriet, og angiv dets Image-egenskab til ThisItem.Images:

    

    Galleriet opdateres automatisk med billederne:

    

    Når du angiver egenskaben Items, føjes en kolonne med navnet PowerAppsId automatisk til Excel-tabellen.

11. Gem og publicer din app.

12. Del app med andre.

Overføre pennetegninger til cloud

I dette scenarie skal du lære, hvordan du overfører pennetegninger til datakilden, OneDrive for Business, og undersøge, hvordan tegningerne gemmes dér.

1. I Excel kan du tilføje Billede [billede] til celle A1.

2. Opret en tabel ved hjælp af følgende trin:

   1. Markér celle A1.

   2. På båndet Indsæt skal du vælge Tabel.

   3. Vælg Tabellen indeholder overskrifter i dialogboksen, og vælg derefter OK.

      

      Din Excel-fil er nu i tabelformat. Du finder flere oplysninger om formatering af tabeller i Excel under Formatér dataene som en tabel.

   4. Navngiv tabellen Tegninger:

      

3. Gem Excel-filen på OneDrive for Business som SavePen.xlsx.

4. I Power Apps opretter du en tom app med tabletlayout.

5. Tilføj OneDrive for Business-kontoen i din app som en datakilde:

   1. Vælg menuen Visning og derefter Datakilder.

      

   2. Vælg Tilføj datakilde, og vælg derefter OneDrive for Business.

   3. Vælg SavePen.xlsx.

   4. Vælg tabellen Tegninger og derefter Opret forbindelse.

      

      Tabellen Tegninger er nu angivet som en datakilde.

6. Vælg Indsæt>Input og derefter Penneinput.

7. Omdøb det nye kontrolelement MyPen:

   

8. Åbn fanen Indsæt, tilføj kontrolelementet Knap og angiv egenskaben OnSelect til denne formel:

   Patch(Tegninger, Standarder(Tegninger), {Image:MyPen.Image})

   

9. Tilføj et Vandret gallerikontrolelement (fanen Indsæt>Galleri)

10. Du kan også vælge tekstfeltet og derefter overskriftsfeltet under det første billede og slette dem for kun at beholde billeder på skærmen.

    

    Hvis du får vist en formelfejl, skal du trykke på Ctrl+Z for at fortryde sletningen. Slet derefter feltet Undertitel og feltet Titel .

11. Angiv galleriets egenskab Items til Drawings. Egenskaben Image for gallerikontrolelementet angives automatisk til ThisItem.Image.

    Arranger kontrolelementerne, så skærmen ligner følgende billede:

    

12. Tryk på F5, eller vælg Forhåndsversion ( ).

13. Tegn noget i MyPen, og vælg derefter knappen.

    Det første billede i gallerikontrolelementet viser det, du har tegnet.

14. Føj noget mere til din tegning, og vælg knappen.

    Det andet billede i gallerikontrolelementet viser det, du har tegnet.

15. Luk eksempelvinduet ved at trykke på Esc.

    I din cloudlagerkonto oprettes der automatisk en SavePen_images mappe. Denne mappe indeholder dine gemte billeder med id'er for deres filnavne. Hvis du vil have vist mappen, skal du muligvis opdatere browservinduet ved f.eks. at trykke på F5.

    Note

    Mappenavnet kan være anderledes, hvis excel-filnavnet er forskelligt. Hvis filnavnet f.eks. er Pen.xlsx, er mappenavnet Pen_images.

    I SavePen.xlsx angiver kolonnen Billede stien til de nye billeder.

16. Gem og publicer din app.

17. Del app med andre.

Fjern ubrugt medie

Hvis du vil rydde op i din app eller reducere dens størrelse, skal du fjerne alle ubrugte mediefiler ved at vælge Medie>Fjern ubrugte medier.

Kendte begrænsninger

• Følgende størrelsesbegrænsninger gælder for at opnå en bedre ydeevne under indlæsning af en app:
  • Den samlede størrelse af alle mediefiler, der er overført til en app, må ikke overstige 200 MB.
  • Den maksimale størrelse på en individuel mediefil i en app må ikke overstige 64 MB.
• Understøttede mediefiltyper: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4.
• Når du opretter forbindelse mellem din app og et cloudbaseret lager, gælder kendte begrænsninger for cloudlager .

Se også

• Reference til et kontrolelement
• Arbejde med formler