01 от 05
Добавяне на видео към Adobe Muse
Наистина интересният аспект на Adobe Muse е, че ви позволява да създавате уеб страници, използващи подобен работен поток, с този, използван за оформление на публикации. Нямате нужда от задълбочено разбиране на кода, който изгражда сайт или страница, но познаването на HTML5, CSS и JavaScript няма да навреди.
Въпреки че традиционното уеб видео обикновено се добавя чрез използването на приложния програмен интерфейс HTML5 Video API, Adobe Muse постига едно и също нещо чрез това, което нарича "widgets". Приспособленията създават HTML 5, изискван за конкретни задачи, но използват интерфейса на обикновения език в Muse, за да напишат кода, когато страницата се публикува.
В това упражнение ще използваме джаджа, която можете да изтеглите безплатно от Muse Resources. Когато изтеглите притурката, всичко, което трябва да направите, е да отворите файла .zip и да кликнете два пъти върху файла .mulib в папката с цял екран. Това ще го инсталирате във вашето копие на Adobe Muse.
02 от 05
Как да подготвим страница за фоново видео в Adobe Muse CC
С инсталираното джаджа вече можете да създадете страницата, която ще използва видеоклипа.
Преди да започнете, създайте папка за сайта си в Muse. В тази папка създайте друга папка - използвам " мултимедия " - и преместете вашите mp4 и webm версии на видеото в тази папка.
Когато пуснете Muse, изберете File> New Site . Когато се отвори диалоговият прозорец Layout, изберете Desktop като начално оформление и променете стойностите за широчина на страниците и височината на страницата на 1200 и 900 . Кликнете върху OK .
Кликнете два пъти върху главната страница в изгледа "План", за да отворите главната страница. Когато основната страница се отвори, преместете водещите и долните ръководства в горната и долната част на страницата. Наистина нямате нужда от Header и Footer за този пример.
03 от 05
Как да използвате цялото екранно фоновото видео в Adobe Muse CC
Използването на приспособлението е мъртво. Първото нещо, което трябва да направите, е да се върнете в изгледа на план, като изберете Изглед> Режим на планиране . Когато се отвори план план, щракнете двукратно върху началната страница, за да я отворите.
Отворете панела "Библиотека" - ако не е отворен от дясната страна на интерфейса, изберете Прозорец> Библиотека - и завъртете панела за видеоклипове на цял екран [MR] на цял екран . Преместете джаджата в папката на страницата.
Ще забележите, че Options ви помоли да въведете имената на mp4 и уеб версиите на видеоклиповете. Въведете имената точно както са изписани в папката, в която сте ги поставили. Един малък трик, за да сте сигурни, че не правите грешка, е да копирате името на видеото mp4 и да го поставите в областите MP4 и WEBM от менюто "Опции" .
Още един трик: Всичко това джаджа е да напишете HTML 5 код за вас. Можете да кажете това, защото виждате <> в приспособлението. В този случай можете да поставите приспособлението от уеб страницата на картата и тя все още ще работи. По този начин той не пречи на съдържанието, което ще поставите на страницата.
04 от 05
Как да добавите видео и да тествате страница в Adobe Muse CC
Въпреки че сте добавили кода, който ще пуска видеоклиповете, Muse все още няма представа къде се намират тези видеоклипове. За да го коригирате, изберете Файл> Добавяне на файлове за качване . Когато се отвори диалоговият прозорец "Качване", отидете в папката, съдържаща вашите видеоклипове, изберете тях и щракнете върху Отвори . За да сте сигурни, че са качени, отворете панела "Активи" и трябва да видите двете си видеоклипове. Просто ги оставяйте в панела. Те не трябва да се поставят на страницата.
За да тествате проекта, изберете File> Preview Page In Browser или, защото това е една страница, File> Preview Site In Browser . Браузърът ви по подразбиране ще се отвори и видеоклипът - в моя случай тропически буря - ще започне да се изпълнява.
В този момент можете да разглеждате файла Muse като обикновена уеб страница и да добавяте съдържание към началната страница, а видеоклипът ще се възпроизвежда под него.
05 от 05
Как да добавите рамка за видео плакат в Adobe Muse CC
Това е мрежата, за която говорим, и в зависимост от скоростта на връзката има голям шанс потребителят да отвори страницата и да гледа на празен екран, докато видеото се зарежда. Това не е хубаво нещо. Ето как да се справите с това малко настроение.
Това е "най-добра практика", за да се включи плакат на видеоклипа, който ще се появи, докато видеото се зарежда. Това обикновено е екранна снимка на цял екран на кадър от видеоклипа.
За да добавите рамката на плаката, кликнете веднъж върху Браузър Пълне в горната част на страницата. Кликнете върху връзката Изображение и преминете към изображението, което ще използвате. В областта Свързване изберете Скала за попълване и кликнете върху центъра в полето Позиция . Това ще гарантира, че изображението ще се мащабира винаги от центъра на изображението, когато размерът на браузъра се променя. Също така ще видите, че изображението запълва страницата.
Друг малък трик е най-малкото да имаш твърд, а не бял пълнещ цвят само в случай, че рамката на плакатите отнеме известно време, за да се появи. За да направите това, кликнете върху Цветен чип, за да отворите Muse Color Picker. Изберете инструмента за капки и кликнете върху преобладаващия цвят в изображението. Когато приключите, кликнете върху страницата, за да затворите диалоговия прозорец "Попълване на браузъра".
В този момент можете да запазите проекта или да го публикувате.