Skip to main content

Pridanie videa do aplikácie Adobe Muse

Anonim
01 z 05

Pridanie videa do aplikácie Adobe Muse

Skutočne zaujímavým aspektom aplikácie Adobe Muse je, že vám umožňuje vytvárať webové stránky pomocou podobného pracovného postupu, aký sa použil pri zostavovaní publikácií. Nepotrebujete hlboké pochopenie kódu, ktorý vytvára stránky alebo stránku, ale oboznámenie sa s HTML5, CSS a JavaScript nebolí.

Aj keď tradičné webové video sa zvyčajne pridáva pomocou rozhrania HTML5 Video API, Adobe Muse dosiahne to isté prostredníctvom toho, čo nazýva "widgety". Widgety vytvárajú HTML 5 požadované pre konkrétne úlohy, ale v Muse používajú rozhranie s jednoduchým jazykom na zápis kódu pri publikovaní stránky.

V tomto cvičení budeme používať widget, ktorý si môžete bezplatne stiahnuť z Muse Resources. Po stiahnutí miniaplikácie stačí otvoriť súbor .zip a dvakrát kliknúť na súbor .mulib v priečinku Celá obrazovka videa. To ho nainštaluje do vašej kópie Adobe Muse.

02 z 05

Ako pripraviť stránku pre pozadie Video v Adobe Muse CC

Po nainštalovaní miniaplikácie môžete teraz vytvoriť stránku, ktorá použije video.

Skôr než začnete, vytvorte priečinok pre svoju stránku Muse. V tomto priečinku vytvorte iný priečinok - používam " médiá "- a presuňte svoje mp4 a webové verzie videa do tejto zložky.

Keď spustíte Muse, vyberte Súbor> Nový web, Keď sa otvorí dialógové okno Rozloženie, vyberte Desktop ako Počiatočné rozloženie a zmeňte Šírka stránky a Výška stránky hodnoty do 1200 a 900, kliknite OK.

Dvakrát kliknite na hlavnú stránku v zobrazení plánu a otvorte hlavnú stránku. Po otvorení hlavnej stránky presuňte vodidlá hlavičky a päty do hornej a dolnej časti stránky. Skutočne nepotrebujete hlavičku a pätu pre tento príklad.

03 z 05

Ako používať celú obrazovku pozadia video Widget v Adobe Muse CC

Používanie miniaplikácie je jednoduché. Prvá vec, ktorú musíte urobiť, je vrátiť sa do plánu plánovania výberom Zobraziť> Režim plánovania, Keď sa otvorí plán dvojitého kliknutia Domovská stránka otvoriť ho.

Otvorte panel knižnice - ak nie je otvorený na pravej strane rozhrania vyberte Okno> Knižnica - a otočte nadol MR Pozadie na celú obrazovku videa zložky. Presuňte miniaplikáciu do priečinka na stránku.

Všimnete si to možnosti požiada vás o zadanie mien mp4 a webových verzií videí. Zadajte mená presne tak, ako sú napísané, do priečinka, do ktorého ste ich umiestnili. Jeden malý trik, aby ste sa nedopustili chyby, je skopírovať meno mp4 videa a vložiť ho do MP4 a WebM oblasti Ponuka možností.

Jeden ďalší trik: Všetko, čo táto miniaplikácia robí, je napísať kód HTML 5 pre vás. Môžete to povedať, pretože vidíte <> v miniaplikácii. V takomto prípade môžete miniaplikáciu z webovej stránky umiestniť na lepenkovú kartu a stále bude fungovať. Týmto spôsobom nezasahuje do obsahu, ktorý umiestnite na stránku.

04 z 05

Ako pridať video a otestovať stránku v Adobe Muse CC

Hoci ste pridali kód, ktorý bude prehrávať videá, Muse stále nemá zmysel, kde sa tieto videá nachádzajú. Ak to chcete opraviť, vyberte Súbor> Pridať súbory na odovzdanie, Keď Nahrať dialógové okno otvorí navigáciu do priečinka obsahujúceho vaše videá, vyberte ich a kliknite na tlačidlo Otvorené, Ak chcete zaistiť, že boli odovzdané, otvorte súbor Panel aktív a mali by ste vidieť vaše dve videá. Stačí ich nechať na paneli. Nemusia byť umiestnené na stránke.

Vyskúšať výber projektu Súbor> Náhľad stránky v prehliadači alebo, pretože ide o jednu stránku, Súbor> Náhľad stránky v prehliadači, Predvolený prehliadač sa otvorí a video - v mojom prípade tropický dážď - začne hrať.

V tomto momente môžete súbor Muse považovať za bežnú webovú stránku a pridať obsah na domovskú stránku a video sa bude prehrávať pod ním.

05 z 05

Ako pridať rámček videa plagát v Adobe Muse CC

Toto je web, o ktorom tu hovoríme, a v závislosti od rýchlosti pripojenia existuje veľká šanca, že váš používateľ môže otvoriť stránku a pozerať sa na prázdnu obrazovku počas nahrávania videa. To nie je dobrá vec. Tu je postup, ako zaobchádzať s týmto troškou nepríjemnosti.

Je to "Najlepšia prax", ktorá obsahuje rámček plagátu videa, ktorý sa objaví počas načítania videa. Toto je zvyčajne plnohodnotná snímka obrazovky z videa.

Ak chcete pridať rámček plagátu, kliknite raz Vyplňte prehľadávač v hornej časti stránky. Kliknite na tlačidlo Odkaz na obrázok a prejdite na obrázok, ktorý sa má použiť. V vybavenie oblasti, vyberte Stupnica na vyplnenie a kliknite na tlačidlo Stredový bod v pozície area. Takto sa zabezpečí, že obrázok bude vždy zmenšený od stredu obrazu, keď sa veľkosť okna prehliadača prehliadača zmení. Zobrazí sa aj obrázok vyplňujúci stránku.

Ďalším malým trikom je mať aspoň farebnú farebnú farbu v prípade, že rámček plagátu trvá dlho, kým sa objaví. Ak chcete tak urobiť, kliknite na farebný čip a otvorte Muse Color Picker. Vyberte nástroj na kapátko a kliknite na prevládajúcu farbu v obraze. Keď skončíte, kliknutím na stránku zatvorte dialógové okno Prehliadací obsah.

V tomto okamihu môžete projekt uložiť alebo ho publikovať.

Posledná časť tejto série vám ukáže, ako napísať kód HTML5, ktorý nasníma video do pozadia webovej stránky.