Šta treba znati
- Sa Početna stranicom u prikazu Plan, idite na Prozor >Library > [MR] Pozadinski video preko cijelog ekrana folder i prevucite widget na stranicu.
- Da dodate video, idite na File > Dodajte fajlove za otpremanje > video folder > Otvori.
Adobe Muse vam omogućava da kreirate web stranice koristeći sličan tok rada kao i publikacije; nije vam potrebno duboko razumijevanje koda koji gradi web lokaciju ili stranicu, iako vam poznavanje HTML5, CSS i JavaScripta neće škoditi. Iako se tradicionalni web video obično dodaje preko HTML5 Video API-ja, Adobe Muse postiže istu stvar kroz widgete koji kreiraju HTML 5 potreban za određene zadatke, ali koriste interfejs na običnom jeziku u Museu za pisanje koda kada se stranica objavi.
Kako pripremiti stranicu za pozadinski video u Adobe Muse CC
Sa instaliranim widgetom, sada možete kreirati stranicu koja će koristiti video.
- Pre nego što počnete, kreirajte fasciklu za vašu Muse lokaciju. Unutar tog foldera, kreirajte drugi folder – koristimo “media” – i premjestite svoje mp4 i webm verzije videa u taj folder.
- Kada pokrenete Muse, odaberite File > Nova stranica.
- Kada se otvori dijaloški okvir Layout, odaberite Desktop kao Početni raspored i promijenite Širina stranicei Visina stranice vrijednosti do 1200 i 900 . Kliknite OK.
-
Dvaput kliknite Glavna stranica u prikazu plana da otvorite glavnu stranicu. Kada se otvori glavna stranica, pomjerite vodiče za zaglavlje i podnožje na vrh i dno stranice. Za ovaj primjer vam zaista ne trebaju zaglavlje i podnožje.
Kako koristiti pozadinski video widget preko cijelog ekrana u Adobe Muse CC
Korišćenje widgeta je krajnje jednostavno.
- Prva stvar koju treba da uradite je da se vratite na Plan View odabirom View > Plan Mode.
- Kada se otvori Plan View, dvaput kliknite na Početnu stranicu da biste je otvorili.
- Otvorite panel Biblioteka – ako nije otvoren na desnoj strani interfejsa, izaberite Window > Library – i vrtite prema dolje folder [MR] pozadinski video preko cijelog ekrana.
- Prevucite widget foldera na stranicu.
-
Primijetit ćete da Opcije traže od vas da unesete nazive mp4 i webm verzija video zapisa. Unesite imena tačno onako kako su napisana u fascikli u koju ste ih stavili. Jedan mali trik kako biste bili sigurni da nećete pogriješiti je da kopirate naziv mp4 videa i zalijepite ga u MP4 i WEBM područja iz menija sa opcijama
Još jedan trik: Sve što ovaj widget radi je da napiše HTML 5 kod za vas. To možete reći jer vidite u widgetu. U ovom slučaju, možete postaviti widget sa web stranice na tablu i on će i dalje raditi. Na ovaj način ne ometa bilo koji sadržaj koji ćete postaviti na stranicu.
Kako dodati video i testirati stranicu u Adobe Muse CC
Iako ste dodali kod koji će reproducirati videozapise, Muse još uvijek ne zna gdje se ti videozapisi nalaze.
- Da popravite ovo, odaberite File > Dodajte fajlove za upload.
- Kada se otvori dijaloški okvir Upload, idite do foldera koji sadrži vaše video zapise, odaberite ih i kliknite Otvori..
-
Da biste bili sigurni da su otpremljeni, otvorite tablu Assets,i trebali biste vidjeti svoja dva videa. Samo ih ostavite u panelu. Ne moraju se postavljati na stranicu.
- Da biste testirali projekat, izaberite File > Pregled stranice u pretraživaču ili, pošto je ovo jedna stranica, File > Pregledajte lokaciju u pretraživaču. Vaš podrazumevani pretraživač će se otvoriti i video će se reprodukovati.
- U ovom trenutku možete tretirati Muse fajl kao običnu web stranicu i dodati sadržaj na početnu stranicu, a video će se reprodukovati ispod nje.
Kako dodati okvir video postera u Adobe Muse CC
Ovo je web o kojem govorimo, i, u zavisnosti od brzine veze, postoji velika šansa da vaš korisnik otvori stranicu i bulji u prazan ekran dok se video učitava. Ovo nije dobra stvar. Evo kako se nositi s ovom malom gadošću.
Najbolja praksa je uključiti okvir postera videa, koji će se pojaviti dok se video učitava. Ovo je obično snimak ekrana u punoj veličini kadra iz videa.
- Da dodate okvir postera, kliknite jednom na Browser Fill na vrhu stranice.
- Kliknite na link za sliku i idite do slike koju želite koristiti.
- U Fitting oblasti, odaberite Scale to Fill i kliknite na Center point u područje Pozicija. Ovo će osigurati da će slika uvijek skalirati od centra slike kada se promijeni veličina prozora preglednika. Također ćete vidjeti da slika ispunjava stranicu.
- Još jedan mali trik je da imate punu boju u slučaju da okviru postera treba neko vrijeme da se pojavi. Da biste to učinili, kliknite na čip Color da otvorite Muse birač boja. Odaberite eyedropper alat i kliknite na dominantnu boju na slici. Kada završite, kliknite na stranicu da zatvorite dijaloški okvir za popunjavanje pretraživača.
-
U ovom trenutku možete sačuvati projekat ili ga objaviti.
Završni dio ove serije pokazuje vam kako napisati HTML5 kod koji klizi video u pozadinu web stranice.
