Tilføjelse af videoen til Adobe Muse
Det virkelig interessante aspekt ved Adobe Muse er, at det giver dig mulighed for at oprette websider ved hjælp af en lignende arbejdsgang til det, der bruges til at udarbejde publikationer. Du behøver ikke en dyb forståelse af koden, der bygger et websted eller en side, men en fortrolighed med HTML5, CSS og JavaScript vil ikke skade.
Selvom traditionel webvideo normalt tilføjes ved brug af HTML5 Video API, udfører Adobe Muse det samme gennem det, det kalder "widgets". Widgets opretter HTML 5, der kræves til specifikke opgaver, men brug en grænsefladet interface i Muse til at skrive koden, når siden offentliggøres.
I denne øvelse skal vi bruge en widget, som du gratis kan downloade fra Muse Resources. Når widgetnedlastningerne er alt, hvad du skal gøre er at åbne .zip-filen og dobbeltklikke på .mulib-filen i mappen Full-Screen Video. Dette installerer det i din kopi af Adobe Muse.
Sådan udarbejdes en side til baggrunds video i Adobe Muse CC
Med widgeten installeret, kan du nu oprette den side, der vil bruge videoen.
Før du starter, skal du oprette en mappe til din Muse-side. Inde i den mappe oprette en anden mappe - jeg bruger " medier "- og flyt din mp4 og webm versioner af videoen til den pågældende mappe.
Når du starter Muse vælg Fil> Nyt websted. Når dialogboksen Layout åbnes, vælg Desktop som den Indledende layout og ændre Sidebredde og Sidens højde værdier til 1200 og 900. Klik Okay.
Dobbeltklik på Mastersiden i Planevisningen for at åbne Mastersiden. Når hovedsiden åbnes, flyttes hoved- og fodbogsguiderne øverst og nederst på siden. Du har virkelig ikke brug for en header og footer til dette eksempel.
03 af 05Sådan bruger du Fullscreen baggrunds video widget i Adobe Muse CC
Brug af widgeten er død, enkel. Det første du skal gøre er at vende tilbage til Planvisning ved at vælge Vis> Planlægning. Når planvisningen åbnes, skal du dobbeltklikke på Hjemmeside at åbne den.
Åbn bibliotekspanelet - hvis det ikke er åbent på højre side af grænsefladen vælg Vindue> Bibliotek - og snurre ned MR Fullscreen baggrunds video folder. Træk widgeten til mappen til siden.
Du vil bemærke Muligheder bede dig om at indtaste navnene på mp4 og webm versioner af videoerne. Indtast navnene nøjagtigt, som de er stavet i den mappe, hvor du placerede dem. Et lille trick for at sikre dig, at du ikke begår en fejl, er at kopiere navnet på mp4-videoen og indsætte det i MP4 og WebM områder af Valgmenuen.
Et andet trick: Alt denne widget gør er at skrive HTML 5-koden til dig. Du kan fortælle dette, fordi du ser <> i widgeten. I dette tilfælde kan du placere widgeten fra websiden på klipbordet, og den vil stadig fungere. På denne måde forstyrrer det ikke noget indhold, du vil placere på siden.
04 af 05Sådan tilføjes video og test en side i Adobe Muse CC
Selv om du har tilføjet koden, der vil afspille videoerne, har Muse stadig ikke en anelse om, hvor disse videoer er placeret. For at løse dette skal du vælge Fil> Tilføj filer til upload. Når Upload dialogboksen åbner navigere til mappen, der indeholder dine videoer, vælg dem og klik på Åben. For at sikre at de er blevet uploadet, skal du åbne Aktivitetspanel og du skal se dine to videoer. Lad dem bare stå i panelet. De behøver ikke at blive placeret på siden.
For at teste projektet skal du vælge Fil> Forhåndsvis side i browser eller fordi dette er en enkelt side, Fil> Forhåndsvisning af websted i browser. Din standardbrowser vil åbne, og videoen - i mit tilfælde en tropisk regnstorm - vil begynde at spille.
På dette tidspunkt kan du behandle Muse-filen som en almindelig webside og tilføje indhold til startsiden, og videoen vil afspille under den.
05 af 05Sådan tilføjer du en video plakatramme i Adobe Muse CC
Dette er det web, vi taler om her, og afhængigt af forbindelseshastigheden er der en god chance for, at din bruger kan åbne siden og stirre på en blank skærm, mens videoen indlæses. Dette er ikke en god ting. Her er hvordan man skal håndtere denne smule nastiness.
Det er en "bedste praksis" at inkludere en plakatramme af videoen, som vises, mens videoen indlæses. Dette er normalt et skærmbillede i fuld størrelse af en ramme fra videoen.
For at tilføje plakatrammen skal du klikke en gang på Browser Fill øverst på siden. Klik på knappen Billede link og navigere til det billede, der skal bruges. I Montering område, vælg Skala til udfyldning og klik på Center punkt i Position areal. Dette sikrer, at billedet altid skalere fra midten af billedet, når browserens visningsportstørrelse ændres. Du vil også se billedet udfylde siden.
Et andet lille trick er at mindst en har en solid-ikke-hvide fyldfarve bare, hvis plakatrammen tager et stykke tid at vises. For at gøre dette, klik på Color chip for at åbne Muse Color Picker. Vælg værktøjet eyedropper og klik på en overvejende farve i billedet. Når du er færdig, klik på siden for at lukke dialogboksen Browserfyldning.
På dette tidspunkt kan du gemme projektet eller offentliggøre det.
Den sidste del af denne serie viser dig, hvordan du skriver HTML5-koden, der slider en video ind på en websides baggrund.
