Dio 3 kako stvoriti pozadinski videozapis

01 od 05

Dodavanje videa u Adobe Muse

Pozadinski videozapis jednostavno je dodati u Muse zahvaljujući besplatnom widgetu.

Stvarno zanimljiv aspekt Adobe Muse je to što vam omogućuje stvaranje web stranica koristeći sličan tijek rada koji se koristi za postavljanje publikacija. Ne trebate duboko razumijevanje koda koji gradi web stranicu ili stranicu, ali poznavanje HTML5, CSS i JavaScript neće biti povrijeđeno.

Iako se tradicionalni web video obično dodaje pomoću HTML5 Video API-ja, Adobe Muse ostvaruje istu stvar kroz ono što zove "widgeti". Widgeti stvaraju HTML 5 koji su potrebni za određene zadatke, ali upotrebljavaju sučelje s jednostavnim jezikom u Museu kako bi napisali kôd kada je stranica objavljena.

U ovoj vježbi koristit ćemo widget koji možete besplatno preuzeti od Muse Resources. Kada se preuzimaju widgeti, sve što trebate učiniti je otvoriti .zip datoteku i dvaput kliknite .mulib datoteku u mapi Full-Screen Video. To će ga instalirati u kopiju Adobe Muse.

02 od 05

Kako pripremiti stranicu za pozadinsku sliku u Adobe Muse CC

Počinjemo stvaranjem nove stranice i postavljanjem dimenzija stranice.

Pomoću widgeta možete stvoriti stranicu koja će upotrebljavati videozapis.

Prije nego započnete, izradite mapu za svoju stranicu Muse. Unutar te mape stvorite drugu mapu - koristim " medij " - i premjestite svoje mp4 i webm verzije videozapisa u tu mapu.

Kada pokrenete Muse odaberite File> New Site . Kada se dijaloški okvir Layout (Izgled) otvori, odaberite Desktop kao početni izgled i promijenite vrijednosti stranice Širina i visina stranice na 1200 i 900 . Kliknite U redu .

Dvaput kliknite glavnu stranicu u prikazu Plana kako biste otvorili glavnu stranicu. Kada otvori glavna stranica premjestite vodilice zaglavlja i podnožja na vrh i dno stranice. Doista ne trebate zaglavlje i podnožje za ovaj primjer.

03 od 05

Kako koristiti Widget videozapisa u pozadini cijelog zaslona u programu Adobe Muse CC

Sve što trebate učiniti jest dodavanje naziva videozapisa i dopuštanje widgeta da se ostatak pokrene.

Upotreba widgeta je mrtva jednostavna. Prvo što trebate učiniti jest da se vratite na Plan View tako da odaberete View> Plan Mode . Kad se Plan pogled otvori, dvaput kliknite Početna stranica da biste je otvorili.

Otvorite ploču Knjižnica - ako nije otvorena s desne strane sučelja, odaberite Window> Library - i krenite prema dolje [MR] Fullscreen Background Video mapu. Povucite widget u mapu na stranicu.

Primijetit ćete da vam Opcije traže da unesete imena mp4 i web verzija videozapisa. Unesite imena točno onako kako su napisana u mapi u kojoj ste ih postavili. Jedan mali trik kako bi se osiguralo da ne pogriješite jest kopirati naziv mp4 video i zalijepiti ga u MP4 i WEBM područja izbornika Options .

Još jedan trik: sve ovo widget je da napišete HTML 5 kod za vas. To možete reći jer vidite <> u widgetu. U tom slučaju možete postaviti widget s web stranice na karticu pa će i dalje raditi. Na taj način ne ometa bilo koji sadržaj koji ćete postaviti na stranicu.

04 od 05

Kako dodati video i testirati stranicu u Adobe Muse CC

Videozapis se reproducira kada testirate web-mjesto ili stranicu.

Iako ste dodali kôd koji će reproducirati videozapise, Muse još uvijek nema pojam gdje se nalaze ti videozapisi. Da biste to ispravili, odaberite Datoteka> Dodaj datoteke za prijenos . Kada se dijaloški okvir Dohvati otvori, prijeđite u mapu koja sadrži vaše videozapise, odaberite ih i kliknite Otvori . Da biste bili sigurni da su preneseni, otvorite ploču Sredstva i vidjet ćete dva videozapisa. Samo ih ostavite na ploči. Ne trebaju biti postavljeni na stranicu.

Da biste testirali projekt, odaberite Datoteka> Pregled stranice u pregledniku ili, budući da je to jedna stranica, Datoteka> Pregledajte web mjesto u pregledniku . Otvorit će se zadani preglednik, a video - u mom slučaju tropska kišna oluja - počinje igrati.

Trenutačno možete liječiti datoteku Muse kao regularnu web stranicu i dodati sadržaj na početnu stranicu, a video će se igrati ispod njega.

05 od 05

Kako dodati okvir videozapisa u Adobe Muse CC

Uvijek dodajte okvir postera u bilo koji video projekt.

Ovo je web o kojem govorimo i, ovisno o brzini veze, ima dobre šanse da bi vaš korisnik mogao otvoriti stranicu i zuriti u prazan zaslon dok se videozapis učitava. Ovo nije dobra stvar. Evo kako se nositi s tim gadom.

To je "Najbolja praksa" za uključivanje postera videozapisa koji će se prikazati dok se videozapis učitava. Ovo je obično snimka zaslona pune veličine okvira s videozapisa.

Da biste dodali okvir postera, kliknite Jedinicu preglednika na vrhu stranice. Kliknite vezu Slika i prijeđite na sliku koja će se koristiti. U području Uređivanje odaberite Skaliraj za popunjavanje i kliknite središnju točku u području Pozicija . To će osigurati da se slika uvijek izmjeri od središta slike kada se mijenja veličina prikaza preglednika. Također ćete vidjeti sliku ispuniti stranicu.

Još jedan mali trik je barem imati čvrstu, ne bijelu boju, samo u slučaju da se okvir postera traži neko vrijeme da se pojavi. Da biste to učinili kliknite Chip boje za otvaranje Museovog odabira boja. Odaberite alat kapaljke i kliknite na dominantnu boju na slici. Kad završite, kliknite stranicu da biste zatvorili dijaloški okvir Dohvaćanje preglednika.

U ovom trenutku možete spremiti projekt ili ga objaviti.

Završni dio te serije pokazuje vam kako napisati HTML5 kôd koji slajdove videozapis u pozadinu web stranice.