Přidání videa do aplikace Adobe Muse
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.
Jak připravit stránku pro pozadí videa v Adobe Muse CC
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. V této složce vytvořte další složku - používám " média "- a přesuňte své mp4 a webové verze videa do této složky.
Když spustíte Muse, vyberte Soubor> Nový web. Když se otevře dialogové okno Rozvržení, vyberte plocha počítače jako Počáteční rozložení a změňte Šířka stránky a Výška stránky hodnoty do 1200 a 900. Klikně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 05Jak používat Widget na pozadí celé obrazovky v aplikaci Adobe Muse CC
Použití widgetu je mrtvé jednoduché. První věc, kterou musíte udělat, je vrátit se do plánu zobrazení výběrem Zobrazení> Režim plánování. Když se otevře okno Plan View, klikněte dvakrát na Domovská stránka otevřít.
Otevřete panel Knihovna - pokud není otevřena na pravé straně rozhraní Vybrat Okno> Knihovna - a otočte dolů MR Celé obrazovkové pozadí videa složky. Přetáhněte widget na složku na stránku.
Všimnete si Možnosti požádejte, abyste zadali názvy stránek MP4 a webových verzí videí. 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 souboru MP4 a WEBM oblasti Nabídka možností.
Jeden další trik: Celá tato miniaplikace je napsat pro vás kód HTML 5. Můžete to říct, protože vidíte <> v widgetu. 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 05Jak přidat video a otestovat stránku v Adobe Muse CC
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, vyberte Soubor> Přidat soubory pro nahrávání. Když Nahrát dialogové okno otevře navigaci do složky obsahující vaše videa, vyberte je a klepněte na tlačítko otevřeno. Chcete-li se ujistit, že byly nahrány, otevřete soubor 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 otestovat projekt, vyberte Soubor> Náhled stránky v prohlížeči nebo, protože to je jedna stránka, 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 05Jak přidat rámeček videa plakátu v Adobe Muse CC
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 Vyplňte prohlížeč v horní části stránky. Klepněte na tlačítko Odkaz na obrázek a přejděte na obrázek, který chcete použít. V Montáž oblast, vyberte Měřítko pro vyplnění a klepněte na tlačítko Centrální bod v Pozice plocha. 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.
