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