Použití multimediálních souborů v aplikacích plátna

Do aplikace plátna můžete přidat obrázky, zvukové soubory a video soubory. Přidejte video ze služeb streamování, například Microsoft Stream, Azure Media Services, nebo služeb streamování třetí strany, jako je YouTube. Nebo použijte ovládací prvky vstupu, například Vstup perem ke shromáždění podpisů.

Tento článek vás provede prací na scénářích ovládacích prvků multimédií, streamování a řízení vstupu. V tomto článku budete pracovat se zdrojem dat ve formě excelového souboru ve OneDrive pro firmy.

Požadavky

Registrujte se do Power Apps, a potom se přihlaste se stejnými přihlašovacími údaji, jaké jste použili při registraci.

Podívejte se na toto video a zjistěte, jak používat multimediální soubory v aplikacích plátna:

Přidání média ze souboru nebo cloudu

Typ multimediálního souboru, který chcete přidat, si můžete zvolit (například obrázek, video nebo zvuk). Obrázky můžete přidat pomocí podokna médií nebo pomocí ovládacího prvku obrázků.

Pomocí podokna médií přidejte obrázky, zvuk nebo video

Chcete-li použít podokno Média pro přidání, odebrání nebo použití souborů médií v aplikaci:

1. V levém podokně vyberte Média.

   

2. Na panelu médií vyberte Nahrát.

   

3. Vyberte požadovaný soubor, který chcete přidat, a potom vyberte Otevřít.

4. Vyberte soubor z podokna médií, které chcete vložit na obrazovku.

   

5. Uložte a publikujte aplikaci.

6. Nasdílejte aplikaci s ostatními.

Pomocí ovládacích prvků přidejte obrázky, zvuk nebo video

Přidání obrázků, zvuku nebo videa pomocí ovládacích prvků Obrázek, Audio nebo Video:

1. V nabídce nahoře vyberte Vložit.

2. Vyberte rozevírací seznam Média.

3. Vyberte z ovládacích prvků Obrázek, Audio nebo Video.

Pro ovládací prvek Obrázek aktualizujte vlastnost Image názvem souboru obrázku bez přílohy. Pro ovládací prvek Audio nebo Video aktualizujte vlastnost Media s názvem souboru nebo adresou URL, jako je adresa URL videa YouTube v dvojitých uvozovkách.

Přidání média z Azure Media Services

1. Z účtu Azure Media Services nahrajte a publikujte asset videa z AMS > Nastavení > Assety.

2. Jakmile bude video publikované, zkopírujte jeho adresu URL.

3. V Power Apps přidejte ovládací prvek Video z karty Vložení > Média.

4. Nastavte jeho vlastnost Media na zkopírovanou adresu URL.

   Jak vidíte z obrázku, můžete zvolit libovolnou streamovatelnou adresu URL podporovanou službou Azure Media Services:

   

5. Uložte a publikujte aplikaci.

6. Nasdílejte aplikaci s ostatními.

Přidání média Microsoft Stream

Naučte se, jak přidat ovládací prvek Video Microsoft Stream, přejděte na příklad ovládacího prvku Video Microsoft Stream.

Přidání obrázků z cloudu do aplikace

V tomto scénáři uložíte obrázky do účtu cloudového úložiště OneDrive pro firmy. Použijete excelovou tabulku s cestou k obrázkům a zobrazíte je v aplikaci v ovládacím prvku Galerie.

Tento scénář používá soubor CreateFirstApp.zip obsahující několik obrázků ve formátu JPEG.

1. Stáhněte si soubor CreateFirstApp.zip a extrahujte složku Assets do účtu cloudového úložiště.

2. Složku Assest na přejmenujte Assets_images.

3. V excelovém listu vytvořte tabulku s jedním sloupcem a naplňte ji následujícími údaji.

   

   Zkopírujte cestu ze souboru OneDrive pro firmy, vyberte soubor a poté vyberte Cesta (Zkopírujte přímý odkaz) z podokna podrobností na pravé straně obrazovky.

4. Tabulce dejte název Jackets (Saka) a excelový soubor pojmenujte Assets.xlsx.

5. V aplikaci přidejte tabulku Jackets (Saka) jako zdroj dat.

6. Volitelně aktualizujte orientaci aplikace na šířku.

7. Vyberte Vložit > Galerie a pak vyberte Vodorovná.

8. Volitelně vyberte textové pole a poté záhlaví pod prvním obrázkem a odstraňte je, aby se na obrazovce zachovaly pouze obrázky.

   

   Pokud se zobrazí chyba vzorce, stiskněte Ctrl + Z ke zrušení odstranění a poté nezapomeňte nejprve odstranit pole Titulky a poté pole Název.

9. Nastavte vlastnost Items galerie na Jackets (Saka).

   

10. Vyberte první obrázek v galerii a nastavte jeho vlastnost Image na ThisItem.Images:

    

    Galerie se automaticky aktualizuje a zobrazí se obrázky:

    

    Po nastavení vlastnosti Položky se do excelové tabulky automaticky přidá sloupec s názvem PowerAppsId.

11. Uložte a publikujte aplikaci.

12. Nasdílejte aplikaci s ostatními.

Nahrání perokreseb do cloudu

V tomto scénáři se naučíte nahrát perokresby do zdroje dat, OneDrive pro firmy, a zkontrolovat způsob uložení těchto kreseb.

1. V Excelu přidejte do buňky A1 Image [image].

2. Pomocí následujícího postupu vytvořte tabulku:

   1. Vyberte buňku A1.

   2. Na kartě Vložení vyberte Tabulka.

   3. V dialogovém poli zaškrtněte možnost Tabulka obsahuje záhlaví a vyberte OK.

      

      Excelový soubor je teď ve formátu tabulky. Další informace o formátování tabulek v Excelu najdete v části Formátování dat jako tabulky.

   4. Tabulce dejte název Kresby:

      

3. Excelový soubor uložte do OneDrive pro firmy jako SavePen.xlsx.

4. V Power Apps vytvořte prázdnou aplikaci s rozložením Tablet.

5. Do aplikace přidejte OneDrive pro firmy jako zdroj dat:

   1. Vyberte nabídku Zobrazení a poté vyberte Zdroje dat.

      

   2. Vyberte Přidat zdroj dat a potom OneDrive pro firmy.

   3. Vyberte SavePen.xlsx.

   4. Vyberte tabulku Drawings a potom vyberte Připojit.

      

      Nyní bude tabulka Kresby uvedená v seznamu jako zdroj dat.

6. Vyberte Vložit > Zadat a pak vyberte Zadání perem.

7. Nový ovládací prvek přejmenujte na MyPen:

   

8. Z karty Vložení přidejte ovládací prvek Tlačítko a nastavte jeho vlastnost OnSelect na tento vzorec:

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

   

9. Přidání ovládacího prvku galerie Vodorovné (karta Vložit > Galerie).

10. Volitelně vyberte textové pole a poté záhlaví pod prvním obrázkem a odstraňte je, aby se na obrazovce zachovaly pouze obrázky.

    

    Pokud se zobrazí chyba vzorce, stiskněte Ctrl + Z ke zrušení odstranění a poté nezapomeňte nejprve odstranit pole Titulky a poté pole Název.

11. Nastavte vlastnost galerie Položky na Drawings. Vlastnost Image ovládacího prvku Galerie se automaticky nastaví na ThisItem.Image.

    Ovládací prvky uspořádejte následujícím způsobem:

    

12. Stiskněte F5 nebo vyberte Náhled ( ).

13. Nakreslete něco do ovládacího prvku MyPen a potom klikněte nebo klepněte na tlačítko.

    První obrázek v ovládacím prvku Galerie obrázků zobrazí vaši kresbu.

14. Přidejte ke kresbě ještě něco a klikněte nebo klepněte na tlačítko.

    Aktuální kresbu v ovládacím prvku Galerie obrázků zobrazí druhý obrázek.

15. Stisknutím klávesy Esc zavřete okno náhledu.

    V účtu cloudového úložiště se automaticky vytvořila složka SavePen_images. Tato složka obsahuje uložené obrázky a místo názvů mají čísla ID. Pokud chcete složku zobrazit, budete muset aktualizovat okno prohlížeče například stisknutím klávesy F5.

    Poznámka

    Název složky se může lišit, pokud se název souboru aplikace Excel liší. Pokud je například název vašeho souboru Pen.xlsx, bude název složky Pen_images.

    Do sloupce Image souboru SavePen.xlsx zadejte cestu k novým obrázkům.

16. Uložte a publikujte aplikaci.

17. Nasdílejte aplikaci s ostatními.

Odebrat nepoužívaná média

Z aplikace můžete odstranit všechna nepoužívaná média a vyčistit tak nebo zmenšit velikost aplikace příkazem Média > Odebrat nepoužívaná média.

Známá omezení

• Pro lepší výkon při načítání aplikace platí následující omezení velikosti:
  • Celková velikost všech souborů médií nahraných do aplikace nesmí přesáhnout 200 MB.
  • Maximální velikost jednotlivého mediálního souboru v aplikaci nesmí překročit 64 MB.
• Mezi typy podporovaných médií patří: .jpg, .jpeg, .gif, .png, .bmp, .tif, .tiff, .svg, .wav, .mp3, .mp4.
• Známá omezení cloudového úložiště platí při připojení aplikace ke cloudovému úložišti.

Viz také

• Odkaz na ovládací prvek
• Práce s formuláři