Používanie multimediálnych súborov v aplikáciách plátna

  • Článok

Do aplikácie plátna môžete pridať obrázky, zvukové súbory a videosúbory. Pridajte video zo streamovacích služieb, ako je napr. Microsoft Stream, Azure Media Services alebo streamovacie služby tretích strán, ako napríklad YouTube. Prípadne použite na získavanie podpisov ovládacie prvky zadávania, napr. Zadávanie perom.

Tento článok vás prevedie prácou so scenármi týkajúcimi sa multimédií, streamovania a ovládacích prvkov zadávania. V tomto článku budete pracovať so zdrojom údajov vo forme excelového súboru v službe OneDrive for Business.

Predpoklady

Zaregistrujte sa do Power Apps a potom sa prihláste pomocou rovnakých poverení, ktoré ste použili na prihlásenie.

Pozrite si toto video a zistite, ako používať multimediálne súbory v aplikáciách plátna:

Pridanie média zo súboru alebo cloudu

Typ multimediálneho súboru, ktorý chcete pridať, si môžete zvoliť (napríklad obrázok, video alebo zvuk). Obrázky môžete pridávať pomocou tably médií alebo pomocou ovládacieho prvku obrázkov.

Tabla médií.

Poznámka

Pri pridávaní mediálnych súborov podľa adresy URL

  • Použite protokol HTTPS na zabezpečenie kompatibility s modernými prehliadačmi.
  • Uistite sa, že adresa URL je prístupná anonymne bez akejkoľvek autentifikácie. Pokúste sa zadať adresu URL v režime súkromného prehliadania, aby ste overili, či je prístupná bez prihlásenia.

Pomocou tably médií pridávajte obrázky, zvuky alebo videá

Ak chcete použiť tablu Médiá na pridanie, odstránenie alebo použitie mediálnych súborov v aplikácii:

  1. Vyberte položku Médiá z ľavej tably.

    Médium.

  2. Vyberte položku Nahrávanie z panela médií.

    Nahrať médiá.

  3. Vyberte požadované súbory, ktoré chcete pridať, a potom vyberte možnosť Otvoriť.

  4. Vyberte súbor z tably médií, ktorý chcete vložiť na obrazovku.

    Pridať médiá.

  5. Uložte a publikujte svoju aplikáciu.

  6. Zdieľajte aplikácie s ostatnými.

Pomocou ovládacích prvkov pridávajte obrázky, zvuky alebo videá

Ak chcete pridať obrázky, zvuk alebo video pomocou ovládacích prvkov Obrázok, Zvuk alebo Video:

  1. V hornej ponuke vyberte položku Vložiť.

  2. Vyberte rozbaľovací zoznam Médiá.

  3. Vyberte si ovládací prvok Obrázok, Zvuk alebo Video.

V prípade ovládacieho prvku Obrázok aktualizujte vlastnosť Obrázok o názov obrázkového súboru, a to bez prípony. V prípade ovládacieho prvku Zvuk alebo Video aktualizujte vlastnosť Médiá o názov súboru alebo adresu URL, napr. adresu URL videa z YouTube v úvodzovkách.

Pridanie média zo služby Azure Media Services

  1. Z konta Azure Media Services nahrajte a publikujte položku videa z časti AMS > Nastavenia > Položky.

  2. Keď bude video publikované, skopírujte jeho URL adresu.

  3. V službe Power Apps pridajte ovládací prvok Video z karty Vložiť > Médiá.

  4. Nastavte jeho vlastnosť Media na skopírovanú URL adresu.

    Ako vidíte na obrázku, môžete zvoliť ľubovoľnú streamovateľnú URL adresu podporovanú službou Azure Media Services:

    Nastavenie vlastnosti Media.

  5. Uložte a publikujte svoju aplikáciu.

  6. Zdieľajte aplikácie s ostatnými.

Pridávanie médií z Microsoft Stream

Ak chcete zistiť, ako pridať ovládací prvok videa z Microsoft Stream, prejdite na príklad ovládacieho prvku z videa z Microsoft Stream.

Pridanie obrázkov z cloudu do aplikácie

V tomto scenári uložíte obrázky do konta cloudového úložiska OneDrive for Business. Použijete excelovú tabuľku s cestou k obrázkom a zobrazíte ich v aplikácii v ovládacom prvku Galéria.

Tento scenár používa súbor CreateFirstApp.zip obsahujúci niekoľko súborov.jpeg.

Poznámka

V ceste k týmto obrázkom v excelovom súbore sa musia používať lomky. Keď služba Power Apps ukladá cesty obrázkov do excelovej tabuľky, používa na to opačné lomky. Ak používate cesty obrázkov z takejto tabuľky, zmeňte opačné lomky pri ceste v excelovej tabuľke na normálne lomky. Obrázky by sa inak nezobrazili.

  1. Stiahnite si súbor CreateFirstApp.zip a extrahujte priečinok Assets do svojho konta cloudového úložiska.

  2. Priečinok Assets premenujte na Assets_images.

  3. V excelovom hárku vytvorte tabuľku s jedným stĺpcom a naplňte ho nasledujúcimi údajmi.

    Tabuľka Jackets.

    Ak chcete skopírovať cestu k súboru z OneDrive for Business, vyberte súbor a následne vyberte položku Cesta (Kopírovať priamy odkaz) z tably s podrobnosťami na pravej strane obrazovky.

  4. Tabuľku pomenujte Jackets a excelový súbor pomenujte Assets.xlsx.

  5. V aplikácii pridajte tabuľku Jackets ako zdroj údajov.

  6. Voliteľne si môžete aktualizovať orientáciu aplikácie na šírku.

  7. Vyberte položku Vložiť > Galéria a potom vyberte položku Vodorovné.

  8. Voliteľne si môžete vybrať textové pole a následne pole nadpisu pod prvým obrázkom a odstráňte ich, aby sa na obrazovke zachovali iba obrázky.

    Odstránenie polí.

    Ak uvidíte chybu vzorca, stlačením kláves Ctrl + Z zrušte odstránenie a následne sa uistite, že najprv odstránite pole Podnadpis a potom Nadpis.

  9. Nastavte vlastnosť Položky galérie na položku Jackets.

    Vlastnosť položiek.

  10. Vyberte prvý obrázok v galérii a nastavte jeho vlastnosť Obrázok na ThisItem.Images:

    Obrázky položiek.

    Galéria sa automaticky aktualizuje a zobrazia sa obrázky:

    Obrázky Jackets.

    Po nastavení vlastnosti Items sa do excelovej tabuľky automaticky pridá stĺpec s názvom PowerAppsId.

  11. Uložte a publikujte svoju aplikáciu.

  12. Zdieľajte aplikácie s ostatnými.

Nahranie kresieb do cloudu

V tomto scenári sa naučíte nahrať kresby do zdroja údajov (OneDrive for Business) a skontrolovať spôsob uloženia týchto kresieb.

  1. V programu Excel pridajte do bunky A1 hodnotu Image [image].

  2. Podľa nasledujúceho postupu vytvorte tabuľku:

    1. Vyberte bunku A1.

    2. Na páse s nástrojmi Vložiť vyberte položku Tabuľka.

    3. V dialógovom okne vyberte možnosť Tabuľka obsahuje hlavičky a vyberte OK.

      Vytvorenie tabuľky.

      Excelový súbor má teraz formát tabuľky. Ďalšie informácie o formátovaní tabuliek v programe Excel nájdete v sekcii Formátovanie údajov ako tabuľky.

    4. Tabuľku nazvite Drawings:

      Premenovanie tabuľky na Drawings.

  3. Excelový súbor uložte do služby OneDrive for Business ako SavePen.xlsx.

  4. V službe Power Apps vytvorte prázdnu aplikáciu s rozložením tabletu.

  5. Do aplikácie pridajte konto OneDrive for Business ako zdroj údajov:

    1. Vyberte ponuku Zobrazenie a potom vyberte položku Zdroje údajov.

      Výber zdroja údajov.

    2. Vyberte položku Pridať zdroj údajov a následne vyberte položku OneDrive for Business.

    3. Vyberte položku SavePen.xlsx.

    4. Vyberte tabuľku Drawings a potom vyberte položku Pripojiť.

      Pripojiť.

      Teraz je tabuľka Drawings uvedená v zozname ako zdroj údajov.

  6. Vyberte položku Vložiť > Zadanie a potom vyberte položku Zadávanie perom.

  7. Nový ovládací prvok premenujte na MyPen:

    Premenovať.

  8. Z karty Vložiť pridajte ovládací prvok Tlačidlo a nastavte jeho vlastnosť OnSelect na tento vzorec:

    Patch(Kresby, Predvolené (Kresby), {Image:MyPen.Image})

    Tlačidlo OnSelect.

  9. Pridajte ovládací prvok galérie Vodorovné (karta Vložiť > Galéria).

  10. Voliteľne si môžete vybrať textové pole a následne pole nadpisu pod prvým obrázkom a odstráňte ich, aby sa na obrazovke zachovali iba obrázky.

    Odstránenie polí.

    Ak uvidíte chybu vzorca, stlačením kláves Ctrl + Z zrušte odstránenie a následne sa uistite, že najprv odstránite pole Podnadpis a potom Nadpis.

  11. Nastavte vlastnosť Položky galérie na hodnotu Drawings. Vlastnosť Image ovládacieho prvku Galéria sa automaticky nastaví na ThisItem.Image.

    Ovládacie prvky usporiadajte nižšie uvedeným spôsobom:

    Príklad obrazovky.

  12. Stlačte kláves F5 alebo vyberte Ukážku ( tlačidlo Ukážka. ).

  13. Nakreslite niečo do ovládacieho prvku MyPen a potom vyberte tlačidlo.

    Prvý obrázok ovládacieho prvku Galéria zobrazí vašu kresbu.

  14. Pridajte k svojej kresbe ešte niečo a vyberte tlačidlo.

    Druhý obrázok ovládacieho prvku Galéria zobrazí, čo ste nakreslili.

  15. Stlačením klávesu Esc zavrite okno s ukážkou.

    V konte cloudového úložiska sa automaticky vytvoril priečinok SavePen_images. Tento priečinok obsahuje uložené obrázky, ktoré majú čísla ID namiesto názvov. Ak chcete priečinok zobraziť, budete musieť aktualizovať okno prehľadávača napríklad stlačením klávesu F5.

    Poznámka

    Názov priečinka sa môže líšiť, ak sa líši aj názov súboru programu Excel. Ak je napríklad názov súboru Pen.xlsx, názov priečinka bude Pen_images.

    V súbore SavePen.xlsx v stĺpci Image je cesta k novým obrázkom.

  16. Uložte a publikujte svoju aplikáciu.

  17. Zdieľajte aplikácie s ostatnými.

Odstrániť nepoužívané médiá

Môžete odstrániť všetky nepoužívané médiá z aplikácie a vyčistiť ju alebo zmenšiť veľkosť aplikácie použitím možnosti Médiá > Odstrániť nepoužívané médiá.

Odstrániť nepoužité médium z aplikácie

Známe obmedzenia

  • V snahe dosiahnuť lepší výkon pri načítaní aplikácie platia nasledujúce obmedzenia veľkosti:
    • Celková veľkosť všetkých mediálnych súborov nahraných do aplikácie nesmie prekročiť 200 MB.
    • Maximálna veľkosť jedného mediálneho súboru v aplikácii nesmie prekročiť 64 MB.
  • Podporované typy mediálnych súborov: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4.
  • Známe obmedzenia cloudového úložiska platia pri pripájaní aplikácie ku cloudovému úložisku.

Pozrite si tiež

Poznámka

Môžete nás informovať o svojich voľbách jazyka pre dokumentáciu? Absolvujte krátky prieskum. (upozorňujeme, že tento prieskum je v angličtine)

Prieskum bude trvať približne sedem minút. Nezhromažďujú sa žiadne osobné údaje (vyhlásenie o používaní osobných údajov).