Sdílet prostřednictvím


Přidání webSlate do prostředí

Přehled

Zobrazení a interakce s přehledem webového obsahu

V sadě nástrojů Mesh se prefab WebSlate, který chceme použít, nazývá WebSlateFramed. Obsahuje parametr adresy URL, který můžete určit pro řízení obsahu, který webSlate zobrazí. Součástí je také komponenta, která organizátorovi událostí umožňuje změnit adresu URL webSlate v události v reálném čase. Když se spustí událost Mesh obsahující webSlate, webSlate načte její obsah pomocí zadané adresy URL.

Poznámky

  • V sadě nástrojů Mesh je také předfab s názvem WebSlate , ale nepodporuje aktualizaci adresy URL v události Mesh v reálném čase, takže ji nedoporučujeme.

  • Velikost a tvar webSlate se shoduje s velikostí čtyřúhelníku GameObject, na který je umístěný. Obvykle se jedná o čtyřúhelník pečený uvnitř prefabu WebSlate.

  • Do scény můžete přidat více webových sad. Početuživatelůch Prostředky WebSlate se inicializují místně na počítači uživatele.

Přidání webSlate

Přidání předfabí WebSlateFramed z nabídky

  1. Klikněte pravým tlačítkem myši do hierarchie a v místní nabídce vyberte Mesh Toolkit>WebSlateFramed.

    Tip: Můžete také kliknout na tlačítko +v levém horním rohu okna Hierarchie a zobrazit stejnou nabídku.

    Snímek obrazovky se seznamem výsledků po vyhledání webSlate

Vyhledejte a přidejte předfab webSlateFramed.

  1. Do vyhledávacího pole zadejte "WebSlateFramed". Ujistěte se, že máte vybraný filtr Vše .

    Snímek obrazovky se seznamem výsledků po vyhledání webSlate

  2. Přetáhněte požadované předfab do zobrazení scény nebo do hierarchie.

Zadejte výchozí adresu URL.

  1. V hierarchii rozbalte WebSlateFramed GameObject a pak vyberte jeho podřízený objekt s názvem WebSlate.

    Snímek obrazovky podřízeného objektu WebSlateFramed s názvem WebSlate zvýrazněným v hierarchii

  2. V inspektoru přejděte do komponenty WebSlate.

  3. Aktualizujte pole Aktuální adresa URL na adresu URL, kterou má webSlate načíst ve výchozím nastavení v události Mesh.

    Snímek obrazovky se zvýrazněným polem Aktuální adresa URL pro WebSlate

Nastavení ovládacího prvku WebSlate v události

Když do svého prostředí přidáte webSlate, nastavíte pro něj výchozí adresu URL, ale co když organizátor události chce změnit adresu URL v reálném čase během události pomocí Ovládací panely? Aby to bylo možné vyřešit, webSlateFramed Prefab je součástí s názvem WebSlate Controllable. Součástí je také komponenta Object Controllable , která organizátorovi události umožňuje povolit nebo zakázat WebSlate během události.

Ovládací funkce WebSlates umožňuje tvůrcům prostředí zachovat návrh a estetickou stránku prostředí a zároveň organizátorům, kteří spouštějí více událostí (jako šablonu nebo ne), měnit obsah v závislosti na motivu své události. Mějte na paměti, že řídicí adresy URL je možné přidat nebo změnit pouze během živých událostí. Adresy URL přidané během přizpůsobení (v režimu úprav) se neuloží, a proto se neuchovávají napříč několika událostmi; WebSlates se automaticky nastaví na adresu URL přidanou vývojáři v Unity pokaždé.

Díky této funkci poskytují webSlaty následující možnosti:

  • Organizátoři událostí: Přepínání adres URL, viditelnosti (zapnuto/vypnuto) a (volitelně) Zabránění pozastavení (aby byly webSlaty pořád zapnuté). Organizátoři můžou pomocí panelu hostitelů změnit adresu URL během události; tím se aktualizují webSlaty pro všechny uživatele v události okamžitě (globální aktualizace). 
  • Účastníci události: Když účastník použije kurzor nebo kontroler k najetí myší na webSlate, řádek nabídek s integrovaným tlačítkem aktualizace a popisek stručně vysvětlující povahu jednouživatelské webové sady (některé webové aplikace můžou nabízet sdílené prostředí). To poskytuje způsob, jak se vrátit k adrese URL nastavené organizátory v případě, že uživatel přejde pryč a dá se použít v případě, že webové aplikace mají během události problémy. 

Přidání ovládacího názvu a výchozí adresy URL

Poznámka: Pokud už máte v existujícím prostředí předfabem WebSlateFramed , abyste získali funkci Controllable, upgradujte sadu nástrojů Mesh na verzi 24.10 nebo novější. Potom můžete začít v kroku 3 níže.

  1. V hierarchii vyberte předfab webSlateFramed, který jste přidali.

    Snímek obrazovky se seznamem předfabem WebSlateFramed zvýrazněným v hierarchii

  2. V inspektoru přejděte do komponenty WebSlate Controllable a pak do pole Zobrazovaný název přidejte název controllable. Ujistěte se, že název označuje funkci webSlate v prostředí; To je to, co uvidí organizátoři v Ovládací panely a v případě potřeby ho používají k aktualizaci webSlate v reálném čase. V tomto příkladu použijeme řídicí panel Azure.

    Snímek obrazovky se seznamem předfabem WebSlateFramed zvýrazněným v hierarchii

  3. Ve komponentě Object Controllable zadejte název stejným způsobem.

  4. V hierarchii rozbalte komponentu WebSlateFramed a pak vyberte podřízený objekt s názvem WebSlate.

  5. V inspektoru aktualizujte pole Aktuální adresa URL na adresu URL, kterou má webSlate načíst ve výchozím nastavení v události Mesh.

    Snímek obrazovky podřízeného objektu WebSlate zvýrazněný v hierarchii

  6. Otestujte webSlate v režimu přehrávání, abyste měli jistotu, že se adresa URL správně zobrazí.

Další nastavení ovládacího prvku WebSlate

Snímek obrazovky se seznamem komponenty WebSlate Controllable se zvýrazněným nastavením Zakázat pozastavení

Prevent Suspension (Součást WebSlate Controllable): Toto nastavení se zobrazí v Ovládací panely a výchozí nastavení je vypnuté. To znamená, že pokud se účastník přesune mimo webSlate a webSlate už není v zobrazení po dobu 30 sekund nebo déle, webslate se automaticky pozastaví, aby se ušetřila paměť. Znovu se načte, pokud webSlate znovu zadá zobrazení účastníka.

V některých situacích může být potřeba přehrát obsah pro účastníky bez ohledu na jejich pozici v události (například pokud webSlate spouští živý stream obsah). V tomto případě je lepší zapnout nastavení Zakázat pozastavení.

Organizátor události může toto nastavení zapnout a vypnout v události. Pokud chcete změnit výchozí nastavení na zapnuto, zaškrtněte políčko Zabránit pozastavení .

Backplate (komponenta WebSlate Controllable): Prefab WebSlateFramed se dodává s objektem *Backplate GameObject vybraným zde, aby bylo možné zadat "rámec". Pokud chcete vypnout rámec, můžete ho změnit na Žádné, ale doporučujeme ponechat toto nastavení tak, jak je, a ponechat ho organizátorovi událostí, aby zapnul nebo vypnul backplate .

Visible (komponenta Object Controllable): Toto nastavení se také zobrazuje v Ovládací panely, kde může organier události zapnout nebo vypnout viditelnost webových šablon pro všechny účastníky události. Tuto možnost vyberte, pokud chcete, aby byla výchozí hodnota viditelná.

Poznámka: Pokud se některá z těchto nastavení během událostí změní, změny se projeví v reálném čase pro všechny uživatele.

Otestování ovládacího prvku v události Mesh

Testování úplné ovládacího prvku WebSlate může probíhat pouze v události Mesh. V naší ukázkové události na základě vašeho prostředí se v Ovládací panely zobrazí náš příklad řídicího panelu Azure Controllable WebSlate( Řídicí panel Azure).

Snímek obrazovky Ovládací panely se zvýrazněnou možností ovládání webslate

Organizátor události může kliknout na šipku směřující dolů na řídicím panelu Azure a zobrazit adresu URL, kterou pak může změnit.

Snímek obrazovky Ovládací panely se zvýrazněnou upravitelnou adresou URL webSlate

Jak už bylo zmíněno dříve, organizátor může během události změnit několik nastavení webSlate, jako je Například Zabránit pozastavení, Zobrazit backplate a Visible (zapnout/vypnout).

Snímek obrazovky Ovládací panely se zvýrazněnými různými funkcemi webSlate

Nabídka WebSlate

Když se někdo (uživatelé nebo organizátoři) přiblíží webSlate a najede na něj kurzorem nebo kontrolerem VR, zobrazí se nabídka WebSlate.

Snímek obrazovky Ovládací panely se zvýrazněnými různými funkcemi webSlate

Aktualizovat (levé tlačítko): Účastník může kliknutím na toto tlačítko vrátit své osobní zobrazení zpět na výchozí webovou stránku webové stránky webSlate.

Informace (pravé tlačítko): Zobrazí se popis, který účastníkům připomene, že to, co vidí, je pro ně jedinečné a nesdílí se s ostatními účastníky, pokud webSlate nezobrazuje webovou aplikaci pro spolupráci.

Tipy

  • WebSlate můžete umístit na jiné objekty GameObjects než Čtyřúhelník přidáním WebSlate.cs jako komponentu skriptu přímo do zvoleného 3D objektu a přidáním UnlitWebSlate.mat do MeshRenderer Materials. Všimněte si, že výsledkem může být roztažení vizuální textury, inverze nebo otočení.

  • WebSlate načte výchozí adresu URL. Tuto adresu URL byste měli nahradit jednou, kterou preferujete pro každou webslate, kterou používáte. Parametr jasu je nastaven na 1,0 (100 % jasu prohlížeče).

  • WebSlates se po příliš dlouhém vypnutí obrazovky automaticky pozastaví. Pokud potřebujete zajistit, aby byl daný webSlate vždy spuštěný (například živý datový proud nebo nepřetržité přehrávání zvuku), vyberte v komponentě WebSlate možnost Zakázat pozastavení. Všimněte si, že to může způsobit, že scéna bude spotřebovávat více prostředků, protože webSlate zůstane neustále aktivní.

  • Chcete-li upravit velikost adresy URL obrázku na velikost webSlate, zabalte adresu URL do html. Využijte rozhraní API WebSlate LoadHTML prostřednictvím vizuálního skriptování k vykreslení tohoto obsahu HTML na webSlate. Přidejte vytvořený kód HTML do vlastnosti HTMLContent. Alternativně můžete použít rozhraní API LoadHTMAsset a předat kód HTML jako prostředek. Adresu URL obrázku nahraďte adresou URL obrázku.

    Ukázkový kód HTML s adresou URL obrázku a grafem vizuálního skriptování pomocí rozhraní API LoadHTML a LoadHTMLAsset:

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width initial-scale=1.0"><title>Microsoft</title></head><body style="margin: 0; height: 100vh; overflow: hidden; background-color: black;"><img src="https://learn.microsoft.com/en-us/mesh/media/webview-developer-guide/ArcadeWebSlate.png" loading="lazy" style="width: 100%; height: 100%;"></body></html>

    Snímek obrazovky znázorňující, jak nastavit vizuální skriptování pro použití rozhraní API LoadHTML

    Snímek obrazovky znázorňující, jak nastavit skriptování vizuálu pro použití rozhraní API LoadHTMLAsset

Další kroky