Deel 3 van hoe om agtergrond video te skep

01 van 05

Die video by Adobe Muse voeg

Agtergrondvideo is maklik om by Muse te voeg, danksy 'n gratis widget.

Die baie interessante aspek van Adobe Muse is dat dit jou toelaat om webbladsye te skep met 'n soortgelyke werkstroom wat gebruik word om publikasies uit te lê. Jy het nie 'n diep begrip nodig van die kode wat 'n webwerf of bladsy bou nie, maar 'n vertroudheid met HTML5, CSS en JavaScript sal nie seergemaak word nie.

Alhoewel tradisionele webvideo gewoonlik bygevoeg word deur die gebruik van die HTML5 Video API, bereik Adobe Muse dieselfde ding deur wat dit "widgets" noem. Widgets maak die HTML 5 wat nodig is vir spesifieke take, maar gebruik 'n eenvoudige taalkoppelvlak in Muse om die kode te skryf wanneer die bladsy gepubliseer word.

In hierdie oefening gaan ons 'n widget gebruik wat u gratis van Muse Resources kan aflaai. Wanneer u die widget aflaai, moet u die. Zip-lêer oopmaak en dubbelklik op die .mulib-lêer in die Full-Screen Video-lêergids. Dit sal dit installeer in u kopie van Adobe Muse.

02 van 05

Hoe om 'n bladsy vir agtergrondvideo in Adobe Muse CC op te stel

Ons begin deur 'n nuwe webwerf te skep en die bladsy dimensies te stel.

Met die widget geïnstalleer, kan jy nou die bladsy skep wat die video sal gebruik.

Voordat jy begin, maak 'n gids vir jou Muse-webwerf. Binne die gids skep nog 'n gids - ek gebruik " media " - en beweeg jou mp4 en webm weergawes van die video in daardie gids.

Wanneer jy Muse begin, kies File> New Site . Wanneer die dialoogkassie Uitleg oopmaak, kies Desktop as die aanvanklike uitleg en verander die waardes vir die breedte en die bladsyhoogte na 1200 en 900 . Klik op OK .

Dubbelklik op die hoofblad in die Plan-aansig om die hoofblad oop te maak. Wanneer die hoofblad oopmaak, beweeg die kop- en voetgidse na bo en onderkant van die bladsy. Jy het regtig nie 'n kop en voetskrif nodig vir hierdie voorbeeld nie.

03 van 05

Hoe om die fullscreen agtergrond video-widget in Adobe Muse CC te gebruik

Al wat jy moet doen, is om die video name te voeg en laat die widget die res oorhandig.

Die gebruik van die widget is dood eenvoudig. Die eerste ding wat u moet doen is om terug te keer na die Plan View deur View> Plan Mode te kies . Wanneer die Plan View oopmaak, klik dubbel op die Tuisblad om dit oop te maak.

Open die biblioteekpaneel - as dit nie oop is aan die regterkant van die Interface kies venster> Biblioteek nie - en draai die [MR] Volskerm-agtergrondvideo- lêergids af. Sleep die widget na die gids na die bladsy.

U sal die Opsies sien, vra u om die name van die mp4 en webm weergawes van die video's in te voer. Tik die name presies soos hulle gespel word in die gids waar jy hulle geplaas het. Een ding om te verseker dat jy nie 'n fout maak nie, is om die naam van die mp4-video te kopieer en dit in die MP4- en WEBM- areas van die Opsies-kieslys te plak.

Nog 'n truuk: Al hierdie dingesie doen, is om die HTML 5-kode vir jou te skryf. Jy kan dit vertel omdat jy <> in die widget sien. In hierdie geval kan jy die widget van die webblad na die plakkaat plaas en dit sal steeds werk. Op hierdie manier raak dit nie in die inhoud wat u op die bladsy sal plaas nie.

04 van 05

Hoe om video by te voeg en 'n bladsy te toets in Adobe Muse CC

Daar speel video wanneer jy die webwerf of die bladsy toets.

Alhoewel jy die kode bygevoeg het wat die video's sal speel, het Muse nog steeds geen idee waar die video's geleë is nie. Om dit reg te maak, kies Lêer> Voeg lêers vir oplaai by . Wanneer die dialoogkassie Oplaai oopmaak, navigeer na die gids wat jou video's bevat, kies hulle en klik op Open . Om te verseker dat hulle opgelaai is, maak die Bates-paneel oop en jy moet jou twee video's sien. Laat hulle net in die paneel. Hulle hoef nie op die bladsy geplaas te word nie.

Om die projek te toets, kies File> Preview Page In Browser of, want dit is 'n enkele bladsy, File> Preview Site In Browser . Jou verstek blaaier sal oopmaak en die video - in my geval 'n tropiese reënstorm - sal begin speel.

Op hierdie stadium kan jy die Muse-lêer as 'n gewone webblad behandel en inhoud by die tuisblad voeg en die video sal daaronder speel.

05 van 05

Hoe om 'n video plakkaat raam in Adobe Muse CC by te voeg

Voeg altyd 'n plakkaatraamwerk by enige video-projek.

Dit is die web waaroor ons hier praat en afhangende van die konneksiespoed is daar 'n goeie kans dat u gebruiker die bladsy kan oopmaak en na 'n leë skerm staar terwyl die video laai. Dit is nie 'n goeie ding nie. Hier is hoe om hierdie bietjie nastiness te hanteer.

Dit is 'n "beste praktyk" om 'n plakkaatraam van die video in te sluit, wat sal verskyn terwyl die video laai. Dit is gewoonlik 'n volgrootte skermskoot van 'n raam uit die video.

Om die plakkaat raam by te voeg, klik een keer op Browser Vul bo-aan die bladsy. Klik op die prent skakel en navigeer na die prent wat gebruik gaan word. Kies Skaal om te vul in die Pasmaak- area en klik op die middelpunt in die Posisie- area. Dit sal verseker dat die beeld altyd van die middelpunt van die beeld af skaal wanneer die grootte van die beeldweergawe van die blaaier verander. U sal ook die prentjie van die bladsy sien.

Nog 'n klein dingetjie is om ten minste 'n stewige kleur te hê, nie wit nie, net as die plakkaat raam 'n rukkie neem om te verskyn. Om dit te doen, klik die Color chip om die Muse Color Picker oop te maak. Kies die eyedropper-instrument en klik op 'n oorheersende kleur in die prent. As jy klaar is, kliek op die bladsy om die dialoogkassie Blaaiervul te sluit.

Op hierdie stadium kan jy die projek stoor of publiseer.

Die laaste gedeelte van hierdie reeks wys hoe om die HTML5-kode te skryf wat 'n video in 'n webblad se agtergrond skuif.