Part 3 Wéi How To Create Background Video

01 vum 05

D'Video op Adobe Muse ergänzen

Hannergrond Video ass einfach zu Muse ze droen mat engem Gratis Widget.

De wierklech interessante Aspekt vum Adobe Muse ass datt et Iech erlaabt Webbléiser ze benotze mat engem ähnlechen Workflow ze benotze fir Publikatiounen ze publizéieren. Dir braucht keen ongedeelt Verständnis vum Code deen e Site oder enger Säit baut, awer d'Bekanntheet mat HTML5, CSS an JavaScript nett verletzt.

Obwuel traditionnell Web Video gëtt normalerweis duerch d'Benotze vum HTML5 Video API erginn, gëtt Adobe Muse déi selwecht Saach gemaach duerch wat et "Widgets" nennt. D'Widgets kreéieren de HTML 5 fir spezifesch Aufgaben erfuerderlech awer benotzt eng einfach Sproochkomponent am Muse fir de Code ze schreiwen wann d'Säit publizéiert gëtt.

An dëser Übung ginn mir e Widget benotzt deen Dir gratis aus Muse Ressourcen eroflueden kann. Wann d'Widget-Downloaden, alles wat Dir braucht fir ze maachen ass op .zip-Datei ze lueden an duurch de mulib-Datei am Vollbildmodus-Ordner doppelklickt. Dëst installéiert en an Är Kopie vum Adobe Muse.

02 vum 05

Wéi preparéiert eng Säit fir Background Video am Adobe Muse CC

Mir fänken un fir eng nei Site ze schafen an d'Seitenmaart ze setzen.

Mat dem Widget installéiert, kënnt Dir elo d'Säit erstellen, déi de Video benotzt.

Ier Dir ufänken, e Verëffentlechen vun Ärem Muse Site erstellen. An dësem Fichier erstellen e neien Dossier - ech benotze " Medien " - a Är mp4- a Webm Versionen vum Video an den Ordner bewegen.

Wann Dir musst Launch starten select Datei> Neues Site . Wann d'Dialogfeld "Layout" geännert soll gewielt Desktop wéi den Initial Layout a ännert d' Page-Wide- a Page-Héicht- Wäerter op 1200 an 900 . Klickt op OK .

Du kanns d'Master Säit op der Säit Säit opmaachen fir op d'Master Säit ze ginn. Wann d'Master Säit äntweren, fuert de Kapp an d'Foussere Guide uewen a drënner op der Säit. Dir braucht wierklech keen Header an Fousszeechen fir dëst Beispill.

03 vun 05

Wéi benotzt Dir den Fullscreen Background Video Widget am Adobe Muse CC

Alles wat Dir braucht fir d'Videoenamen ze addéieren an de Widget ze verdeelen.

Benotzt vum Widget ass doud einfach. Dat éischt wat Dir braucht fir ze maachen ass zréck bei der Plan View zeréck ze kommen, andeems Dir Viewing> Plan Modus auswielen. Wann d'Plan View driwwer öffne klickt op d' Homepage fir se ze maachen.

Oppassen vum Librarypanel - wann et net op der rietser Säit vun der Interface opmaacht a wielt Windows> Bibliothéik - a dréckt den [MR] Vollscreens Background Video- Ordner. Zéit d'Widget fir de Verlag op d'Säit.

Dir kënnt d' Optionen froen ob Dir d'Nimm vun den mp4- a Webm-Versiounen vun de Videoen ukomm. Gitt d'Nimm un, wéi se am Ordner geschriwwe sinn, wou Dir se agefouert hutt. E klenge Trick, fir datt Dir e Feeler net maacht, ass den Numm vum MP4 Video ze kopéieren an se an de MP4- an WEBM Gebidder vum Menü "Optionen" opsetzen .

Een aneren Trick: All dat Widget ass et de HTML 5 Code ze schreiwen. Dir kënnt dëst soen, well Dir kuckt <> am Widget. An dësem Fall kënnt Dir de Widget aus der Websäit op de Pastelltrib setzen an et wäert nach ëmmer schaffen. Sou ass et net mat all Inhalter déi Dir op der Säit setzen.

04 vun 05

Wéi fannt Dir Video an Test Eng Säit Am Adobe Muse CC

Hiert Video spillt wann Dir de Site oder d'Säit testen.

Obwuel Dir de Code agefouert deen d'Videoen spillt, musst Dir nach ëmmer keng Ahnung wou dës Videoen sinn. Fir dëst ze beschléieren, wielt Datei> Dateien fir uploaden . Wann Dir d'Dossier dobäimaart eroflueden klickt op de Fichier wou Är Videoen enthält, wielt se a klickt op op Open . Fir sécherzestellen datt se eropgeluede goufen, öffnen de Panoramisebeleet an Dir sollt Är zwee Videoe gesinn. Just verloosse se se an der Panel. Si brauchen net op der Säit plazéiert ginn.

Fir dësen Test ze testen, klickt op Datei> Preview Page In Browser oder, well dëst eng Säit ass, Datei> Preview Site In Browser . Den Standardbrowser gëtt ofgeschalt an de Video - an ménem Fall ee tropesche Regentstrooss - wäert ufänken ze spillen.

Zu dësem Zäitpunkt kënnt Dir d'Muse-Datei als regelméisseg Websäit behandelen an Inhalt un d'Homepage opmaachen an d'Video erdeelt.

05 05

Wéi Dir e Video-Frame Frame addéieren In Adobe Muse CC

Immer all Kéier e Plakatsframe op all Videoprojet maachen.

Dëst ass d'Internet wou mir schwätzen hei hei a gitt abhängig vu der Verbindungsgeschwindegkeet e gutt Chance datt Äre Benotzer d'Säit opmaachen an op engem eidelen Ecran opfänke kéint, während d'Video lues. Dëst ass net eng gutt Saach. Hei ass wéi Dir mat dësem Bëssen vun der Nastitéit handelen.

Et ass eng "Best Practice" fir en Posterbild vum Video z'entwéckelen, deen während de Video luede sinn. Dëst ass normalerweis e voller Gréissteskalip vun engem Frame aus dem Video.

Fir d'Plakatshuttheet ze addéieren klickt eemol am Browser Fill am Top vun der Säit. Klickt op d'Bildlinn an fuert an d'Bild an d'Benotzung. Am Fitting Area wäerte Faarf a Fill aus klickt an klickt den Centerpunkt am Positiounen . Dëst suergt datt d'Bild ëmmer vun der Mëtt vum Bild séngt, wann d'Portemonnaie opmaachen. Dir kënnt och d'Bild fëllt déi Säit.

En anere klenge Trick ass op d'mannst e staarkt net blannfërmeg Faarf, wann d'Plakaterfamill eng Zäit laang daueren. Fir dësst Passwuert ze maachen, klickt d'Faarfspaass fir de Muse Color Picker ze maachen. Wielt d'Aeppeltergeriicht an a klickt op eng viru véier Faarf am Bild. Wann ofgeschalt klickt, klickt op d'Säit fir de Dialog Fill Dialogbox ze schließen.

An dësem Punkt kënnt Dir de Projet retten oder publizéieren.

De leschten Deel vun dëser Serie weist Iech wéi Dir de HTML5 Code schreiwt, deen e Video an d'Webseite ze verdeelen.