Část 3 Jak vytvořit video na pozadí

01 z 05

Přidání videa do aplikace Adobe Muse

Pozadí videa se snadno přidává do Muse díky bezplatnému widgetu.

Mnohem zajímavým aspektem Adobe Muse je, že vám umožňuje vytvářet webové stránky s podobným pracovním postupem, jako je tomu u publikací. Nepotřebujete hluboké znalosti kódu, který vytváří stránky nebo stránky, ale znalost HTML5, CSS a JavaScript nebude bolet.

Ačkoli tradiční webové video je obvykle přidáváno pomocí rozhraní API HTML5 Video, Adobe Muse dosáhne toho samého v podobě, co nazývá "widgety". Widgety vytvářejí HTML 5 požadované pro konkrétní úkoly, ale v Muse používají rozhraní v jazyce plain, aby napsali kód při zveřejnění stránky.

V tomto cvičení použijeme widget, který si můžete zdarma stáhnout z Muse Resources. Když se stahuje widget, stačí jen otevřít soubor .zip a dvakrát kliknout na soubor .mulib ve složce Video na celou obrazovku. To bude instalovat do vaší kopie Adobe Muse.

02 z 05

Jak připravit stránku pro pozadí videa v Adobe Muse CC

Začneme tím, že vytvoříme nové stránky a nastavíme rozměry stránky.

Po nainstalování widgetu nyní můžete vytvořit stránku, která bude video používat.

Než začnete, vytvořte složku pro web Muse. Uvnitř této složky vytvoříte jinou složku - používám " média " - a do této složky přesunete mp4 a webovou verzi videa.

Když spustíte program Muse, zvolte Soubor> Nový web . Když se otevře dialogové okno Rozvržení, vyberte možnost Plocha jako počáteční rozvržení a změňte hodnoty šířky stránky a výšky stránky na hodnoty 1200 a 900 . Klepněte na tlačítko OK .

Poklepáním na hlavní stránku v zobrazení plánu otevřete hlavní stránku. Když se hlavní stránka otevře, přesuňte vodítka záhlaví a zápatí na horní a spodní stranu stránky. Opravdu nepotřebujete záhlaví a zápatí pro tento příklad.

03 ze dne 05

Jak používat Widget na pozadí celé obrazovky v aplikaci Adobe Muse CC

Jediné, co musíte udělat, je přidat názvy videí a nechat widget zpracovat zbytek.

Použití widgetu je mrtvé jednoduché. První věc, kterou musíte udělat, je návrat do zobrazení plánu výběrem možnosti Zobrazit> Režim plánování . Když se otevře okno Plan View, otevřete jej dvakrát kliknutím na domovskou stránku .

Otevřete panel Knihovna - pokud není otevřena na pravé straně rozhraní, zvolte Okna> Knihovna - a zkroucení složky [MR] Celé obrazovky na pozadí . Přetáhněte widget na složku na stránku.

Všimnete si, že volby Možnosti vyžadují zadání názvů verzí videa mp4 a webové verze. Zadejte jména přesně tak, jak jsou napsána ve složce, do které jste je umístili. Jeden malý trik, abyste se ujistil, že neděláte chybu, je zkopírovat název videa mp4 a vložit jej do oblastí MP4 a WEB v nabídce Možnosti .

Jeden další trik: Celá tato miniaplikace je napsat pro vás kód HTML 5. Můžete to říct, protože v widgetu vidíte <> . V takovém případě můžete umístit widget z webové stránky na lepenkovou desku a bude fungovat. Tímto způsobem nezasahuje do obsahu, který umístíte na stránku.

04 z 05

Jak přidat video a otestovat stránku v Adobe Muse CC

Vaše video se přehraje při testování webu nebo stránky.

Ačkoli jste přidali kód, který bude přehrávat videa, Muse stále nemá tušení, kde jsou tato videa umístěna. Chcete-li to vyřešit, zvolte Soubor> Přidat soubory pro nahrávání . Když se otevře dialogové okno Nahrát, přejděte do složky obsahující vaše videa, vyberte je a klepněte na Otevřít . Chcete-li se ujistit, že byly nahrány, otevřete panel Aktiva a měli byste vidět vaše dvě videa. Stačí je nechat na panelu. Nepotřebují být umístěny na stránce.

Chcete-li testovat projekt, zvolte Soubor> Náhled stránky v prohlížeči nebo, protože se jedná o jednu stránku, Soubor> Náhled webu v prohlížeči . Otevře se výchozí prohlížeč a video - v mém případě tropické bouřky - začne hrát.

V tomto okamžiku můžete upravit soubor Muse jako běžnou webovou stránku a přidat obsah na domovskou stránku a video se bude hrát pod ním.

05 z 05

Jak přidat rámeček videa plakátu v Adobe Muse CC

V každém videoprojektu vždy přidejte rámeček plakátu.

Jedná se o web, o kterém mluvíme, a v závislosti na rychlosti připojení existuje velká šance, že uživatel může stránku otevřít a během načítání videa se dívá na prázdnou obrazovku. To není dobrá věc. Zde je návod, jak se vypořádat s tímto trošičkou.

Je to "nejlepší praxe", která obsahuje rámeček plakátu videa, který se objeví během načítání videa. Obvykle se jedná o celou obrazovku, která je z videozáznamu snímána.

Chcete-li přidat rámeček plakátu, klikněte jednou na položku Vyplnit prohlížeč v horní části stránky. Klikněte na odkaz Obrázek a přejděte na obrázek, který chcete použít. V oblasti Spojování vyberte položku Měřítko pro vyplnění a klepněte na středový bod v oblasti Umístění . Tím zajistíte, že obraz se bude měnit vždy od středu obrazu, když se změní velikost prohlížeče. Zobrazí se také obrázek, který vyplní stránku.

Dalším malým trikem je přinejmenším mít pevnou barvu, která není plná bílé barvy, a to jen v případě, že se rámeček plakátu nějakou dobu objeví. Chcete-li to provést, klikněte na barevný čip a otevřete Muse Color Picker. Vyberte nástroj kapátko a klikněte na převládající barvu v obraze. Po dokončení klikněte na stránku a zavřete dialogové okno Prohlížeč.

V tomto okamžiku můžete projekt uložit nebo publikovat.

Závěrečná část této série vám ukáže, jak napsat kód HTML5, který přenese video do pozadí webové stránky.