01 - 05
Adobe Muse дээр видео оруулах
Adobe Muse-ийн үнэхээр сонирхолтой талбар бол та нийтлэлүүдийг хэвлэхэд ашигладаг ижил төстэй ажлын урсгалыг ашиглан вэб хуудас үүсгэх боломжийг олгодог. Та вэбсайт эсвэл хуудас бүтээх кодын талаар гүнзгий ойлголттой байх шаардлагагүй боловч HTML5, CSS, JavaScript-тай танилцах нь гэмтэхгүй.
Хэдийгээр уламжлалт видеог HTML5 Видео API ашиглах замаар ихэвчлэн нэмэгдүүлдэг боловч Adobe Muse "widgets" гэж нэрлэдэг зүйлүүд дээр ижил зүйлийг хийдэг. Widgets нь тусгайлсан ажлуудад шаардлагатай HTML 5-г үүсгэх боловч хуудсыг хэвлэх үед кодыг бичихэд Muse-д энгийн хэлний интерфэйсийг ашиглаарай.
Энэ дасгалаар бид Muse Resources-оос үнэ төлбөргүй татан авч болно. Видеог татан авалт хийх үед .zip файлыг нээж, Full-Screen Video фолдерт .mulib файлыг хоёр удаа дарах хэрэгтэй. Үүнийг Adobe Muse-ийн хуулбар дээр суулгах болно.
05 - 05
Adobe Muse CC дэхь видео бичлэгийг хэрхэн бэлтгэх талаар
Видеог суулгасны дараа та одоо видеог ашиглах хуудсыг үүсгэж болно.
Эхлэхээсээ өмнө өөрийн Muse сайтанд зориулж фолдер үүсгэ. Энэ хавтас дотор өөр фолдер үүсгэх - Би " медиа " -г ашиглан видеоны mp4 болон веб хувилбаруудаа тэр фолдер руу шилжүүлээрэй.
Та Muse-г File> New Site сонго. Layout харилцах цонх нээгдэх үед Ширээний Сонгох Эхний Байршил хэлбэрээр сонгож, Page Өргөн болон Хуудасны дээд утгыг 1200 ба 900 хүртэл өөрчилж болно. OK дарна уу.
Мастер хуудсыг нээхийн тулд Төлөвлөгөөний мастер хуудсыг давхар товшино уу. Мастер хуудас нээх үед Толгой болон Footer хөтөчийг дээд болон доод хэсэгт шилжүүлнэ. Та энэ жишээний хувьд Толгой ба Footer хэрэггүй.
03 - 05
Adobe Muse CC-д Fullscreen Background Video Widget-ийг хэрхэн ашиглах талаар
Вижетийг ашиглах нь энгийн юм. Таны хийх ёстой хамгийн эхний зүйл бол View Plan> Plan Mode горимыг сонгон Төлөвлөгөө рүү буцах явдал юм. Төлөвлөгөөний харагдацыг нээхэд Нүүр хуудсыг хоёр дахин дарна.
Номын сангийн самбарыг нээнэ. Хэрэв интерфейсийн баруун талд нээгдэхгүй бол > Window> Номын сан - [MR] Бүтэн дэлгэцийн арын Видеоны фолдерыг эргүүл . Видеог хуудсандаа хавтсанд шилжүүл.
Видео бичлэгийн mp4 болон webm-ийн нэрийг оруулахын тулд Сонголтууд танаас хүсэх болно. Нэрийг нь оруулна уу. Алдаа гаргахгүй байх нэг жижигхэн арга нь MP4 видеоны нэрийг хуулж, MP4 , WEBM хэсгүүдийн цэс дээр байрлуул .
Өөр нэг заль мэх: Энэ бүх виджет нь таны HTML 5 кодыг бичих явдал юм. Та виджет доторх <> харагдах учраас үүнийг хэлж болно. Энэ тохиолдолд веб хуудсыг веб хуудсанд байрлуулж самбарт байрлуулах боломжтой болно. Ингэснээр энэ хуудсанд байршуулсан агуулгад саад болохгүй.
04 - 05
Adobe Muse CC видео дээр видео нэмэх, шалгах хуудас
Та видеог тоглуулах кодыг нэмсэн ч Muse одоогоор эдгээр видеог байршдаггүй байна. Үүнийг засахын тулд File> Add Files файлыг сонгоно уу. Байршуулах харилцах цонх таны видеог агуулсан хавтас руу нээнэ үү , тэдгээрийг сонгоод Нээлттэй . Байршуулсан эсэхийг нь баталгаажуулахын тулд Активын самбарыг нээнэ үү, та хоёр видео бичлэгээ үзэх болно. Зүгээр л самбар дээр үлдээ. Тэд хуудсанд байрлуулах шаардлагагүй.
Төсөлийг тестлэхийн тулд Файл> Урьдчилан Хуудасны Вэб хуудсыг сонгох эсвэл, энэ нь нэг хуудас байна, Файл> Урьдчилан Сайтын Сайтын Хөтөч . Таны анхдагч браузер нээгдэж, видео - миний тохиолдолд халуун орны шуурга эхлэх болно.
Энэ үеэр та Muse файлыг тогтмол вэб хуудас болгон эмчилж, Нүүр хуудас руу агуулга нэмэх бөгөөд видеог дороо тоглуулах болно.
05 - 05
Adobe Muse CC-т хэрхэн видео бичлэг оруулах талаар
Энэ бол бидний энд байгаа вэбсайт бөгөөд холболтын хурдаас шалтгаалан таны хэрэглэгч хуудсыг нээж, видеог ачаалах үед хоосон дэлгэцэн дээр анхаарлаа хандуулах боломжтой байх болно. Энэ бол сайн зүйл биш юм. Үүнийг яаж хийх вэ?
Энэ нь видеог ачаалах үед гарч ирэх видеоны зурагт хуудсыг оруулах "Шилдэг дадал" юм. Энэ нь ихэвчлэн видеоны хүрээний бүрэн хэмжээний дэлгэцийн зураг юм.
Зурагт хуудасны фонтыг нэмж хуудасны дээд талд Браузер бөглөнө үү . Зургийн холбоос дээр дарж ашиглахын тулд зураг руу очино уу. Fitting area-ыг сонгохын тулд Scale to Fill командыг сонгоод Position area дахь төв цэг дээр дарна. Энэ нь хөтөчийн дэлгэцийн зургийн хэмжээ өөрчлөгдөх үед дүрсийн төвөөс зураг үргэлж үргэлж байх болно гэдгийг баталгаажуулах болно. Та мөн зураг хуудсыг бөглөнө үү.
Өөр нэг жаахан трик нь наад зах нь цагаан өнгийн бөглөх өнгө байх ёстой. Үүнийг хийхийн тулд өнгөт чип нь Muse Color Picker-ийг нээдэг. Нүдний хэрэгслийг сонгож, зураг дээрх давамгайлах өнгө дээр дарна уу. Хэрвээ дууссан бол хуудсыг дарж Browser Fill цонхыг хаах хэрэгтэй.
Энэ үедээ та төслийг хадгалах эсвэл нийтлэх боломжтой.