01 od 05
Dodavanje video u Adobe Muse
Stvarno zanimljiv aspekt Adobe Musea je da vam omogućava kreiranje web stranica koristeći sličan tok posla koji se koristi za postavljanje publikacija. Ne treba vam duboko razumijevanje koda koji pravi stranicu ili stranicu, ali znanje o HTML5, CSS i JavaScriptu neće biti povređeno.
Iako se tradicionalni web video obično dodaju korišćenjem HTML5 Video API-a, Adobe Muse ostvaruje istu stvar kroz ono što naziva "widgeti". Widgeti kreiraju HTML 5 koji je potreban za određene zadatke, ali koristeći interfejs sa čistim jezicima u Museu da napiše šifru kada se stranica objavljuje.
U ovoj vježbi koristićemo widget koji možete besplatno preuzeti iz Muse Resourcesa. Kada se učitavanje widget-a sve što treba da uradite je da otvorite .zip datoteku i dvaput kliknite na .mulib datoteku u fascikli Full-Screen Video. Ovo će ga instalirati u vašu kopiju Adobe Muse.
02 od 05
Kako pripremiti stranicu za video pozadinu u Adobe Muse CC
Uz instaliranu widget, sada možete kreirati stranicu koja će koristiti video.
Pre nego što započnete, kreirajte fasciklu za vašu Muse lokaciju. U tom folderu kreiram još jedan folder - koristim " medij " - i pomjerite svoje mp4 i webm verzije videa u tu fasciklu.
Kada pokrenete Muse izaberite File> New Site . Kada dijalog Layout otvori izabrati Desktop kao Initial Layout i promeni visinu stranica i visinu strane na 1200 i 900 . Kliknite OK .
Dvaput kliknite na Glavnu stranicu u prikazu Plan da biste otvorili glavnu stranicu. Kada se glavna stranica otvori pomaknite vodiče zaglavlja i noge na vrh i dno stranice. Stvarno vam nije potreban Header i Footer za ovaj primjer.
03 od 05
Kako koristiti video vizuelni video pozadinskog ekrana u Adobe Muse CC
Korišćenje vidžeta je jednostavno mrtvo. Prva stvar koju treba da uradite je da se vratite u prikaz plana tako što ćete izabrati View> Plan Mode . Kada se planski prikaz otvara, kliknite na početnu stranicu da biste je otvorili.
Otvorite panel Biblioteka - ako nije otvoren na desnoj strani interfejsa, izaberite Prozor> Biblioteka - i okrenite fasciklu [MR] Fullscreen pozadine . Prevucite vidžet u folder na stranicu.
Primetili ste da opcije zahtevaju da unesete imena mp4 i webm verzije video zapisa. Unesite imena tačno onako kako su navedena u fascikli gdje ste ih stavili. Jedan mali trik koji osigurava da ne napravite grešku je da kopirate ime mp4 video zapisa i zalepite ga u oblastima MP4 i WEBM na meniju Opcije .
Jedan drugi trik: Sva ova vidžeta je da napišete HTML 5 kod za vas. To možete reći jer vidite <> u vidžetu. U ovom slučaju možete staviti vidžet sa veb stranice na karton i to će i dalje raditi. Na ovaj način ne ometa bilo koji sadržaj koji ćete staviti na stranicu.
04 od 05
Kako dodati video i testirati stranicu u Adobe Muse CC
Iako ste dodali kod koji će reprodukovati video zapise, Muse još uvek nema pojma gde se nalaze ti video snimci. Da biste to popravili, izaberite File> Add Files To Upload . Kada se otvori dijalog otkaženja, idite do foldera koji sadrži svoje video snimke, izaberite ih i kliknite na dugme Otvori . Da biste bili sigurni da su otpremljeni, otvorite panel za imovinu i trebate vidjeti svoja dva videa. Samo ih ostavi u panelu. Ne moraju se staviti na stranicu.
Da biste testirali projekat, izaberite File> Preview Page In Browser ili, jer je ovo jedna stranica, File> Preview Site in Browser . Vaš podrazumevani pretraživač će se otvoriti, a video - u mom slučaju će tropska kišna oluja početi sa reprodukcijom.
U ovom trenutku možete da tretirate muzičku datoteku kao redovnu web stranicu i dodate sadržaj na početnu stranicu i video će se igrati ispod nje.
05 od 05
Kako dodati video poster u Adobe Muse CC
Ovo je mreža o kojoj ovde govorimo, a u zavisnosti od brzine veze, postoji dobra šansa da vaš korisnik može otvoriti stranicu i gledati na prazan ekran dok se video učitava. Ovo nije dobra stvar. Evo kako se baviti ovom malom grčkom.
To je "najbolja praksa" da uključite okvir postera videa, koji će se pojaviti dok se video učita. To je obično snimak ekrana u punoj veličini frejma iz video zapisa.
Za dodavanje frejma postera kliknite jednom na pretraživaču Popunite na vrhu stranice. Kliknite na link za sliku i idite do slike koja će se koristiti. U oblasti Fitting , izaberite Scale to Fill i kliknite na tačku Centre u polju Position . Ovo će osigurati da će slika uvek biti skalirana od centra slike kada se veličina prikaza pretraživača promeni. Takođe ćete videti sliku popuniti stranicu.
Još jedan mali trik je da bar ima čvrstu, a ne bijelo-popunjavu boju samo u slučaju da je poster okvir potrebno malo vremena da se pojavi. Da biste to uradili, kliknite na čip Color da biste otvorili Muse Color Picker. Izaberite alat za pomoćno dugme i kliknite na dominantnu boju na slici. Kada završite, kliknite na stranicu da biste zatvorili dijalog Browser Fill.
U ovom trenutku možete sačuvati projekat ili ga objaviti.