Čo by ste mali vedieť
- Pomocou stránky Home v zobrazení Plan prejdite na Window >Library > [MR] Fullscreen Background Video priečinok a presuňte miniaplikáciu na stránku.
- Ak chcete pridať video, prejdite do Súbor > Pridať súbory na odovzdanie > priečinok videí > Otvoriť.
Adobe Muse vám umožňuje vytvárať webové stránky pomocou podobného pracovného postupu ako publikácie; nepotrebujete hlboké pochopenie kódu, ktorý vytvára web alebo stránku, hoci znalosť HTML5, CSS a JavaScript nezaškodí. Aj keď sa tradičné webové video zvyčajne pridáva prostredníctvom rozhrania HTML5 Video API, Adobe Muse dosahuje to isté prostredníctvom miniaplikácií, ktoré vytvárajú HTML 5 potrebné pre konkrétne úlohy, ale na písanie kódu pri publikovaní stránky používajú v Muse jednoduché jazykové rozhranie.
Ako pripraviť stránku pre video na pozadí v aplikácii Adobe Muse CC
S nainštalovaným widgetom si teraz môžete vytvoriť stránku, ktorá bude používať video.
- Skôr ako začnete, vytvorte priečinok pre svoju stránku Muse. V tomto priečinku vytvorte ďalší priečinok – používame „médiá“– a presuňte doň svoje verzie videa vo formáte mp4 a webm.
- Keď spustíte Muse, vyberte Súbor > Nová lokalita.
- Keď sa otvorí dialógové okno Rozloženie, vyberte Desktop ako Initial Layout a zmeňte Šírka stránky Hodnotya Výška stránky na 1200 a 900 . Kliknite na OK.
-
Dvojitým kliknutím na Hlavnú stránku v zobrazení Plán otvoríte Hlavnú stránku. Keď sa otvorí hlavná strana, presuňte vodiace lišty hlavičky a päty do hornej a dolnej časti strany. Pre tento príklad naozaj nepotrebujete hlavičku a pätu.
Ako používať miniaplikáciu videa na pozadí celej obrazovky v aplikácii Adobe Muse CC
Používanie miniaplikácie je úplne jednoduché.
- Prvá vec, ktorú musíte urobiť, je vrátiť sa do zobrazenia plánu výberom View > Režim plánovania.
- Keď sa otvorí zobrazenie plánu, dvakrát kliknite na domovskú stránku a otvorte ho.
- Otvorte panel Knižnica – ak nie je otvorený na pravej strane rozhrania, vyberte Window > Library – a otočte nadol priečinok [MR] Video na pozadí celej obrazovky.
- Presuňte miniaplikáciu priečinka na stránku.
-
Všimnete si, že Options vás žiada o zadanie názvov mp4 a webm verzií videí. Zadajte mená presne tak, ako sú napísané v priečinku, do ktorého ste ich umiestnili. Malý trik, ako sa pomýliť, je skopírovať názov mp4 videa a vložiť ho do oblastí MP4 a WEBM z ponuky možností
Ďalší trik: Všetko, čo tento widget robí, je napísať HTML 5 kód za vás. Môžete to povedať, pretože vidíte v miniaplikácii. V tomto prípade môžete umiestniť miniaplikáciu z webovej stránky na pracovnú plochu a bude stále fungovať. Týmto spôsobom nezasahuje do žiadneho obsahu, ktorý umiestnite na stránku.
Ako pridať video a otestovať stránku v aplikácii Adobe Muse CC
Hoci ste pridali kód, ktorý bude videá prehrávať, Muse stále nevie, kde sa tieto videá nachádzajú.
- Na opravu vyberte Súbor > Pridať súbory na odovzdanie.
- Keď sa otvorí dialógové okno Odovzdať, prejdite do priečinka s vašimi videami, vyberte ich a kliknite na Otvoriť.
-
Aby ste sa uistili, že boli nahrané, otvorte panel Diela,a mali by ste vidieť svoje dve videá. Stačí ich nechať v paneli. Nie je potrebné ich umiestňovať na stránku.
- Ak chcete projekt otestovať, vyberte Súbor > Stránka ukážky v prehliadači alebo, keďže ide o jednu stránku, File > Ukážka stránky v prehliadači. Otvorí sa váš predvolený prehliadač a prehrá sa video.
- V tejto chvíli môžete so súborom Muse zaobchádzať ako s bežnou webovou stránkou a pridať obsah na domovskú stránku a video sa prehrá pod ňou.
Ako pridať rám videoplagátu v aplikácii Adobe Muse CC
Toto je web, o ktorom tu hovoríme, a v závislosti od rýchlosti pripojenia je veľká šanca, že váš používateľ otvorí stránku a počas načítavania videa bude hľadieť na prázdnu obrazovku. To nie je dobrá vec. Tu je návod, ako sa vysporiadať s touto nechutnosťou.
Je to „osvedčený postup“zahrnúť do videa rám plagátu, ktorý sa zobrazí počas načítavania videa. Zvyčajne ide o snímku obrazovky z videa v plnej veľkosti.
- Ak chcete pridať rám plagátu, kliknite raz na Výplň prehliadača v hornej časti stránky.
- Kliknite na odkaz na obrázok a prejdite na obrázok, ktorý chcete použiť.
- V oblasti Fitting vyberte Scale to Fill a kliknite na Stredový bod v oblasť Position. Tým sa zabezpečí, že sa pri zmene veľkosti výrezu prehliadača vždy zmení mierka obrázka od stredu obrázka. Tiež uvidíte, ako obrázok vyplní stránku.
- Ďalším malým trikom je mať plnú farbu výplne pre prípad, že by chvíľu trvalo, kým sa objavil rám plagátu. Ak to chcete urobiť, kliknutím na čip Color otvorte nástroj na výber farieb Muse. Vyberte nástroj eyedropper a kliknite na prevládajúcu farbu na obrázku. Po dokončení kliknutím na stránku zatvorte dialógové okno Výplň prehliadača.
-
V tejto chvíli môžete projekt uložiť alebo zverejniť.
Záverečná časť tejto série vám ukáže, ako napísať HTML5 kód, ktorý posúva video na pozadie webovej stránky.
