3 dalis Kaip kurti foninius vaizdo įrašus

01 iš 05

Pridėti vaizdo įrašą į "Adobe Muse"

Vaizdo įrašą lengva pridėti "Muse", nes nemokamas valdiklis.

Labai įdomus "Adobe Muse" aspektas yra tai, kad jis leidžia jums kurti tinklalapius naudojant panašų darbo eigą, kuris naudojamas leidinių išdėstymui. Jums nereikia giliai suvokti kodo, kuris sukuria svetainę ar puslapį, bet nepažeidžia HTML5, CSS ir JavaScript žinojimo.

Nors tradicinis žiniatinklio vaizdo įrašas paprastai pridedamas naudojant "HTML5 Video API", "Adobe Muse" tą patį daro per tai, ką jis vadina "valdikliais". Valdikliai sukuria HTML5, reikalingą konkrečioms užduotims, bet Muse kalba naudoja paprastą kalbos sąsają, kad parašyti kodą, kai puslapis yra paskelbtas.

Šioje pratyboje mes ketiname naudoti valdiklį, kurį galite nemokamai atsisiųsti iš "Muse Resources". Kai valdiklis atsisiunčia, viskas, ko jums reikia padaryti, yra atidaryti .zip failą ir dukart spustelėkite failą .mulib, esančio "Full-Screen Video" aplanke. Tai įdiegs jį į "Adobe Muse" kopiją.

02 iš 05

Kaip parengti "Adobe Muse CC" foninį vaizdą

Mes pradedame kurdami naują svetainę ir nustatę puslapio matmenis.

Su valdikliu įdiegta, dabar galite sukurti puslapį, kuriame bus naudojamas vaizdo įrašas.

Prieš pradėdami, sukurkite savo "Muse" svetainės aplanką. Šio aplanko viduje sukurkite kitą aplanką - naudoju " media " - ir perkelkite savo vaizdo įrašo mp4 ir "webm" versijas į tą aplanką.

Kai paleisite Muse, pasirinkite File> New Site . Kai dialogo langas "Išdėstymas" atsidaro, pasirinkite " Desktop" kaip pradinį maketą ir pakeiskite puslapio pločio ir puslapio aukščio reikšmes iki 1200 ir 900 . Spustelėkite Gerai .

Dukart spustelėkite pagrindinio puslapio plano rodinį, kad atidarytumėte pagrindinį puslapį. Kai atidaromas pagrindinis puslapis, puslapio viršuje ir apačioje perkelkite antraštės ir poraštės vadovus. Šį pavyzdį tikrai nereikia antraštės ir poraštės.

03 iš 05

Kaip naudotis viso ekrano foniniu vaizdo elementu "Adobe Muse CC"

Viskas, ką jums reikia padaryti, yra pridėti vaizdo įrašų pavadinimus ir leiskite valdikliui tvarkyti kitus.

Valdiklio naudojimas yra negyvas paprastas. Pirmas dalykas, kurį jums reikia padaryti, yra grįžti į plano vaizdą, pasirinkdami Peržiūra> Planavimo režimas . Kai atidaromas plano rodinys, dukart spustelėkite pagrindinį puslapį, kad jį atidarytumėte.

Atidarykite bibliotekos skydelį - jei jis nėra atidarytas dešinėje sąsajos pusėje, pasirinkite " Langas"> "Biblioteka" ir pasukite mygtuką [MR] viso ekrano foninio vaizdo įrašo aplanką. Vilkite valdiklį į aplanką į puslapį.

Jūs pastebėsite, kad parinktys prašo įvesti vaizdo įrašų "mp4" ir "webm" versijų pavadinimus. Įveskite pavadinimus tiksliai taip, kaip jie parašyti, aplanke, kuriame juos davėte. Vienas truputį, kad įsitikintumėte, jog neklystu, yra kopijuoti MP4 vaizdo pavadinimą ir įklijuoti į MP4 ir WEBM sričių meniu Parinktys .

Vienas kitas apgauti: visas šis valdiklis reiškia HTML kodą. Tai galite pasakyti, nes valdiklyje matote <> . Tokiu atveju galite išjungti tinklalapį iš tinklalapio į lentelę ir jis vis tiek veiks. Tokiu būdu jis netrikdo jokio puslapio turinio.

04 iš 05

Kaip pridėti vaizdo įrašą ir išbandyti puslapį "Adobe Muse CC"

Treniruotės vaizdo įrašas paleidžiamas bandant svetainę ar puslapį.

Nors jūs pridėjote kodą, kuriame bus rodomi vaizdo įrašai, Muse vis dar neturi raktinio žodžio, kuriame yra šie vaizdo įrašai. Norėdami išspręsti šią problemą, pasirinkite Failas> Pridėti failus, kuriuos norite siųsti . Kai atsidaro dialogo langas " Įkelti", eikite į aplanką, kuriame yra jūsų vaizdo įrašai, pasirinkite juos ir spustelėkite Atidaryti . Kad įsitikintumėte, kad jie buvo įkelti, atidarykite " Assets" skydą ir turėtumėte matyti du vaizdo įrašus. Tiesiog palikite juos skydelyje. Jų nereikia dėti į puslapį.

Norėdami patikrinti projektą, pasirinkite " Failas"> "Peržiūrėti puslapį" naršyklėje arba, nes tai yra vienas puslapis, " Failas"> "Peržiūrėti svetainę naršyklėje" . Bus atidaryta jūsų numatytoji naršyklė, o vaizdo įrašas - mano atveju tropinis lietus - pradės žaisti.

Šiuo metu Muse failą galite tvarkyti kaip įprastą tinklalapį ir pridėti turinį į pagrindinį puslapį, o po jo - vaizdo įrašas.

05 iš 05

Kaip pridėti vaizdo įrašų rėmelį "Adobe Muse CC"

Visada pridėkite plakato rėmelį į bet kurį vaizdo projektą.

Tai žiniatinklis, apie kurį kalbame apie tai, ir, priklausomai nuo ryšio greitį, yra didelė tikimybė, kad vartotojas gali atidaryti puslapį ir žiūrėti į tuščią ekraną, kol vaizdo įrašas įkels. Tai nėra geras dalykas. Štai kaip elgtis su šiuo šiek tiek našumo.

"Geriausia praktika" yra vaizdo įrašo plakato rėmelis, kuris pasirodys vaizdo įrašo įkėlimo metu. Paprastai tai yra viso vaizdo dydžio ekrano nuotrauka.

Norėdami pridėti plakato rėmelį, spustelėkite vieną kartą " Browser Fill ", esančiame puslapio viršuje. Spustelėkite nuorodą Vaizdas ir pereikite prie naudojamo vaizdo. Ploto " Fitting" srityje pasirinkite Scale to Fill ir spustelėkite centro tašką pozicijos srityje. Tai užtikrins, kad įvaizdis visada svyruoja nuo vaizdo centro, kai pasikeičia naršyklės peržiūros srities dydis. Jūs taip pat pamatysite paveikslėlį, užpildytą puslapį.

Kitas triukas yra tai, kad bent jau turi tvirtą, o ne baltos spalvos spalvą, jei plakato rėmelis pasirodys šiek tiek laiko. Norėdami tai padaryti, spustelėkite spalvų mikroschemą, kad atidarytumėte "Muse" spalvų rinkiklį. Pasirinkite eyedropper įrankį ir spustelėkite dominuojančią spalvą paveikslėlyje. Kai baigsite, spustelėkite puslapį, kad uždarytumėte naršyklės užpildymo dialogo langą.

Šiuo metu galite išsaugoti projektą arba paskelbti jį.

Paskutinė šios serijos dalis parodo, kaip rašyti HTML5 kodą, kuris skaidrina vaizdo įrašą į interneto puslapio foną.