Dodavanje videa u Adobe Muse
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.
Kako pripremiti stranicu za pozadinsku sliku u Adobe Muse CC
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 " media "- i premjestite svoje mp4 i webm verzije videozapisa u tu mapu.
Kada pokrenete Muse odaberite Datoteka> Nova web stranica, Kada se otvori dijaloški okvir Izgled, odaberite Desktop kao Početni izgled i promijenite Širina stranice i Visina stranice vrijednosti do 1200 i 900, Klik u redu.
Dvaput kliknite glavnu stranicu u prikazu Plan i otvorite 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 05Kako koristiti Widget videozapisa u pozadini cijelog zaslona u programu Adobe Muse CC
Upotreba widgeta je mrtva jednostavna. Prva stvar koju trebate učiniti je da se vratite na Plan View odabirom Prikaz> Način plana, Kada se Plan View otvori dvaput kliknite na Početna stranica otvoriti ga.
Otvorite ploču Knjižnica - ako nije otvorena na desnoj strani sučelja odaberite Prozor> Knjižnica - i okrećite ga MR Pozadina videozapisa na cijelom zaslonu mapa. Povucite widget u mapu na stranicu.
Vidjet ćete Opcije zatražite da unesete imena mp4 i webm inačica 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 je kopirati naziv mp4 video i zalijepiti ga u MP4 i WebM područja Izbornik Opcije.
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 05Kako dodati video i testirati stranicu u Adobe Muse CC
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 Dijaloški okvir za prijenos otvara se do mape koja sadrži vaše videozapise, odaberite ih i kliknite Otvorena, Da biste bili sigurni da su preneseni, otvorite Ploča elemenata i trebali biste vidjeti svoje dvije videozapise. Samo ih ostavite na ploči. Ne trebaju biti postavljeni na stranicu.
Za testiranje odabira projekta Datoteka> Pregled stranice u pregledniku ili, jer ovo je jedna stranica, Datoteka> Pregled stranice 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 05Kako dodati okvir videozapisa u Adobe Muse CC
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 jednom Ispunjavanje preglednika na vrhu stranice. Kliknite gumb Veza slike i prijeđite na sliku koja će se koristiti. U pogodan područje, odaberite Skala za ispunjavanje i kliknite na Središnja točka u Položaj područje. 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.
