Wat om te weet
- Met die Tuis-bladsy in Plan-aansig, gaan na Window >Library > [MR] Volskerm-agtergrondvideo- lêergids en sleep die legstuk na die bladsy.
- Om 'n video by te voeg, gaan na File > Voeg lêers by vir oplaai > video's-vouer > Open.
Adobe Muse laat jou toe om webblaaie te skep deur 'n soortgelyke werkvloei as publikasies te gebruik; jy het nie 'n diep begrip nodig van die kode wat 'n werf of bladsy bou nie, alhoewel vertroudheid met HTML5, CSS en JavaScript nie sal skade doen nie. Alhoewel tradisionele webvideo gewoonlik deur HTML5 Video API bygevoeg word, bereik Adobe Muse dieselfde ding deur widgets wat die HTML 5 skep wat nodig is vir spesifieke take, maar gebruik 'n gewone taalkoppelvlak in Muse om die kode te skryf wanneer die bladsy gepubliseer word.
Hoe om 'n bladsy voor te berei vir agtergrondvideo in Adobe Muse CC
Met die legstuk geïnstalleer, kan jy nou die bladsy skep wat die video sal gebruik.
- Voordat jy begin, skep 'n vouer vir jou Muse-werf. Binne daardie vouer, skep 'n ander vouer – ons gebruik “media” – en skuif jou mp4- en webm-weergawes van die video na daardie vouer.
- Wanneer jy Muse begin, kies Lêer > Nuwe werf.
- Wanneer die uitleg-dialoogkassie oopmaak, kies Desktop as die Aanvanklike uitleg en verander die Page Widthen Bladsyhoogte waardes na 1200 en 900 . Klik OK.
-
Dubbelklik Meesterbladsy in die Plan-aansig om die Meesterbladsy oop te maak. Wanneer die hoofbladsy oopmaak, skuif die kop- en voetskrifgidse na die bo- en onderkant van die bladsy. Jy het regtig nie 'n kop- en voetskrif vir hierdie voorbeeld nodig nie.
Hoe om die volskerm-agtergrondvideo-legstuk in Adobe Muse CC te gebruik
Die gebruik van die legstuk is doodeenvoudig.
- Die eerste ding wat jy moet doen is om terug te keer na die Plan-aansig deur View > Plan Mode. te kies
- Wanneer die Plan-aansig oopmaak, dubbelklik die Tuisblad om dit oop te maak.
- Maak die biblioteekpaneel oop – as dit nie aan die regterkant van die koppelvlak oop is nie, kies Window > Biblioteek – en draai die [MR] Volskerm-agtergrondvideo-lêergids af.
- Sleep die gidslegstuk na die bladsy.
-
Jy sal opmerk dat die Options jou vra om die name van die mp4- en webm-weergawes van die video's in te voer. Tik die name presies soos dit gespel is in die vouer waar jy dit geplaas het. Een klein truuk 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 gebiede te plak van die Opsies-kieslys
Een ander truuk: Al wat hierdie legstuk doen, is om die HTML 5-kode vir jou te skryf. Jy kan dit vertel omdat jy in die legstuk sien. In hierdie geval kan jy die legstuk vanaf die webblad op die plakbord plaas, en dit sal steeds werk. Op hierdie manier meng dit nie in met enige inhoud wat jy op die bladsy sal plaas nie.
Hoe om video by te voeg en 'n bladsy in Adobe Muse CC te toets
Alhoewel jy die kode bygevoeg het wat die video's sal speel, weet Muse steeds nie waar daardie video's geleë is nie.
- Om dit reg te stel, kies Lêer > Voeg lêers by vir oplaai.
- Wanneer die Oplaai-dialoogkassie oopmaak, navigeer na die vouer wat jou video's bevat, kies hulle en klik Open.
-
Om te verseker dat hulle opgelaai is, maak die Bates-paneel,oop en jy behoort jou twee video's te sien. Los hulle net in die paneel. Hulle hoef nie op die bladsy geplaas te word nie.
- Om die projek te toets, kies Lêer > Voorskoubladsy in blaaier of, omdat dit 'n enkele bladsy is, Lêer > Voorskou werf in blaaier. Jou verstekblaaier sal oopmaak en die video sal speel.
- Op hierdie stadium kan jy die Muse-lêer as 'n gewone webbladsy hanteer en inhoud by die tuisblad voeg, en die video sal daaronder speel.
Hoe om 'n video-plakkaatraam in Adobe Muse CC by te voeg
Dit is die web waarvan ons hier praat, en afhangende van die verbindingspoed, is daar 'n goeie kans dat jou 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 nareness 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 plakkaatraam by te voeg, klik een keer op Blaaiervul aan die bokant van die bladsy.
- Klik die Beeldskakel en navigeer na die prent wat gebruik gaan word.
- In die Fitting-area, kies Skaal om te vul en klik die Middelpunt in die Posisie area. Dit sal verseker dat die prent altyd vanaf die middel van die prent sal skaal wanneer die blaaier se viewport-grootte verander. Jy sal ook sien dat die prent die bladsy vul.
- Nog 'n klein truuk is om 'n soliede vulkleur te hê ingeval die plakkaatraam 'n rukkie neem om te verskyn. Om dit te doen, klik die Color-skyfie om die Muse-kleurkieser oop te maak. Kies die eyedropper-nutsding en klik op 'n oorheersende kleur in die prent. Wanneer jy klaar is, klik op die bladsy om die blaaiervul-dialoogkassie toe te maak.
-
Op hierdie stadium kan jy die projek stoor of dit publiseer.
Die laaste deel van hierdie reeks wys jou hoe om die HTML5-kode te skryf wat 'n video na 'n webblad se agtergrond inskuif.