Co je dobré vědět
- Se stránkou Home v zobrazení Plan přejděte na Window >Library > [MR] Video na pozadí celé obrazovky a přetáhněte widget na stránku.
- Pokud chcete přidat video, přejděte do Soubor > Přidat soubory k nahrání > složka videa > Otevřít.
Adobe Muse vám umožňuje vytvářet webové stránky pomocí podobného pracovního postupu jako publikace; nepotřebujete hluboce rozumět kódu, který vytváří web nebo stránku, ačkoli znalost HTML5, CSS a JavaScript neuškodí. Ačkoli tradiční webové video je obvykle přidáváno prostřednictvím HTML5 Video API, Adobe Muse dosahuje toho samého prostřednictvím widgetů, které vytvářejí HTML 5 vyžadované pro konkrétní úkoly, ale k zápisu kódu při publikování stránky používají v Muse jednoduché jazykové rozhraní.
Jak připravit stránku pro video na pozadí v aplikaci Adobe Muse CC
S nainstalovaným widgetem nyní můžete vytvořit stránku, která bude video používat.
- Než začnete, vytvořte složku pro svůj web Muse. V této složce vytvořte další složku – používáme „média“– a přesuňte do této složky své mp4 a webm verze videa.
- Když spustíte Muse, vyberte Soubor > Nový web.
- Když se otevře dialogové okno Rozvržení, vyberte Desktop jako Initial Layout a změňte Šířku stránky Hodnotya Výška stránky na 1200 a 900 . Klikněte na OK.
-
Poklepáním na Hlavní stránka v zobrazení Plán otevřete stránku Předlohy. Když se otevře hlavní stránka, přesuňte vodítka záhlaví a zápatí do horní a dolní části stránky. Pro tento příklad opravdu nepotřebujete záhlaví a zápatí.
Jak používat widget videa na pozadí celé obrazovky v aplikaci Adobe Muse CC
Používání widgetu je smrtelně jednoduché.
- První věc, kterou musíte udělat, je vrátit se do zobrazení plánu výběrem View > Režim plánu.
- Když se otevře zobrazení plánu, dvakrát klikněte na domovskou stránku a otevřete jej.
- Otevřete panel Knihovna – pokud není otevřený na pravé straně rozhraní, vyberte Window > Library – a otočte dolů složku [MR] Video na pozadí celé obrazovky.
- Přetáhněte widget složky na stránku.
-
Všimnete si, že Options vás žádá o zadání názvů mp4 a webm verzí videí. Jména zadejte přesně tak, jak jsou napsána ve složce, kam jste je umístili. Malý trik, jak zajistit, že neuděláte chybu, je zkopírovat název mp4 videa a vložit jej do oblastí MP4 a WEBM z nabídky možností
Jeden další trik: Vše, co tento widget dělá, je napsat HTML 5 kód za vás. Poznáte to, protože vidíte ve widgetu. V tomto případě můžete umístit widget z webové stránky na pracovní plochu a bude stále fungovat. Tímto způsobem to nenarušuje žádný obsah, který umístíte na stránku.
Jak přidat video a otestovat stránku v aplikaci Adobe Muse CC
I když jste přidali kód, který bude videa přehrávat, Muse stále neví, kde se tato videa nacházejí.
- Chcete-li to opravit, vyberte Soubor > Přidat soubory k nahrání.
- Když se otevře dialogové okno Nahrát, přejděte do složky obsahující vaše videa, vyberte je a klikněte na Otevřít.
- Abyste se ujistili, že byla nahrána, otevřete panel aktiv,a měli byste vidět svá dvě videa. Stačí je nechat v panelu. Není třeba je umístit na stránku.
-
Pro otestování projektu vyberte Soubor > Náhled stránky v prohlížeči nebo, protože se jedná o jednu stránku, File > Náhled webu v prohlížeči. Otevře se váš výchozí prohlížeč a video se přehraje.
- V tuto chvíli můžete se souborem Muse zacházet jako s běžnou webovou stránkou a přidat obsah na domovskou stránku a pod ní se přehraje video.
Jak přidat rámeček video plakátu v aplikaci Adobe Muse CC
Toto je web, o kterém zde mluvíme, a v závislosti na rychlosti připojení existuje velká šance, že váš uživatel může otevřít stránku a při načítání videa zírat na prázdnou obrazovku. To není dobrá věc. Zde je návod, jak se vypořádat s touhle ohavností.
Osvědčeným postupem je zahrnout snímek plakátu k videu, který se zobrazí při načítání videa. Obvykle se jedná o snímek obrazovky z videa v plné velikosti.
- Chcete-li přidat rámeček plakátu, klikněte jednou na Výplň prohlížeče v horní části stránky.
- Klikněte na odkaz na obrázek a přejděte na obrázek, který chcete použít.
-
V oblasti Fitting vyberte Scale to Fill a klikněte na Střední bod v oblast Position. Tím zajistíte, že se při změně velikosti výřezu prohlížeče vždy změní měřítko obrázku od středu obrázku. Uvidíte také obrázek, který vyplní stránku.
- Dalším malým trikem je mít plnou barvu výplně pro případ, že se rámeček plakátu objeví. Chcete-li to provést, kliknutím na čip Color otevřete nástroj pro výběr barvy Muse. Vyberte nástroj eyedropper a klikněte na převládající barvu v obrázku. Po dokončení klikněte na stránku a zavřete dialogové okno Výplň prohlížeče.
-
V tomto okamžiku můžete projekt uložit nebo publikovat.
Poslední část této série vám ukáže, jak napsat HTML5 kód, který posune video na pozadí webové stránky.
