Adobe Muse-д видео нэмж байна

Агуулгын хүснэгт:

Adobe Muse-д видео нэмж байна
Adobe Muse-д видео нэмж байна
Anonim

Юу мэдэх вэ

  • Нүүр хуудас хуудсыг Plan харагдуулахын тулд Цонх >руу очно уу. Номын сан > [MR] Бүтэн дэлгэцийн дэвсгэр видео фолдер болон виджетийг хуудас руу чирнэ үү.
  • Видео нэмэхийн тулд Файл > Байршуулах файл нэмэх > видео хавтас > Нээх.

Adobe Muse танд нийтлэлтэй төстэй ажлын урсгалыг ашиглан вэб хуудас үүсгэх боломжийг олгодог; HTML5, CSS, JavaScript-ийг мэддэг байх нь гэмтээхгүй ч сайт эсвэл хуудас үүсгэдэг кодын талаар гүнзгий ойлголттой байх шаардлагагүй. Хэдийгээр уламжлалт вэб видеог ихэвчлэн HTML5 Video API-ээр нэмдэг ч Adobe Muse нь тодорхой ажлуудад шаардлагатай HTML 5-ыг үүсгэдэг виджетүүдээр дамжуулан ижил зүйлийг хийдэг боловч хуудсыг нийтлэх үед код бичихийн тулд Muse-д энгийн хэл дээрх интерфэйсийг ашигладаг.

Adobe Muse CC дээр арын дэвсгэрт видеог хэрхэн бэлтгэх вэ

Image
Image

Виджетийг суулгаснаар та одоо видеог ашиглах хуудсыг үүсгэж болно.

  1. Эхлэхээсээ өмнө Muse сайтдаа хавтас үүсгээрэй. Тэр хавтас дотор өөр фолдер үүсгээд бид "media"-г ашигладаг - мөн видеоны mp4 болон webm хувилбаруудыг тэр хавтас руу зөөнө.
  2. Muse-г эхлүүлэхдээ Файл > Шинэ сайт-г сонгоно уу.
  3. Layout харилцах цонх нээгдэх үед DesktopАнхны бүдүүвч сонгож, Хуудасны өргөнийг өөрчилнө үү.болон Хуудасны өндөр утгууд нь 1200 болон 900 байна. OK дарна уу.
  4. Төлөвлөгөөний харагдац Мастер хуудас дээр давхар товшоод Мастер хуудсыг нээнэ үү. Мастер хуудас нээгдэх үед толгой ба хөлийн гарын авлагыг хуудасны дээд ба доод хэсэгт шилжүүлнэ үү. Танд энэ жишээнд толгой болон хөл хэрэггүй.

Adobe Muse CC дээрх бүтэн дэлгэцийн дэвсгэр видео виджетийг хэрхэн ашиглах вэ

Image
Image

Виджетийг ашиглах нь маш энгийн.

  1. Таны хийх ёстой хамгийн эхний зүйл бол Харах > Төлөвлөгөөний горим-г сонгон Төлөвлөгөө харах руу буцах хэрэгтэй.
  2. Төлөвлөгөө харах цонх нээгдэх үед Нүүр хуудас дээр давхар товшино уу.
  3. Номын сангийн самбарыг нээ – хэрэв интерфейсийн баруун талд нээгдээгүй бол Цонх > Номын сан - болон [MR] Бүтэн дэлгэцийн дэвсгэр видео фолдерыг доош эргүүлнэ үү.
  4. Фолдер виджетийг хуудас руу чирнэ үү.
  5. Та Сонголтууд танаас видеонуудын mp4 болон вэбм хувилбаруудын нэрийг оруулахыг хүсэх болно. Нэрсийг байрлуулсан хавтсандаа яг бичсэнээр нь оруулна уу. Алдаа гаргахгүй байх нэг жижиг арга бол mp4 видеоны нэрийг хуулж аваад MP4 болон WEBM хэсэгт буулгах явдал юм. Сонголт цэсний

    Өөр нэг заль мэх: Энэ виджет нь танд зориулж HTML 5 код бичих явдал юм. Та үүнийг виджет дээр харж байгаа тул хэлж болно. Энэ тохиолдолд та вэб хуудаснаас виджетийг самбар дээр байрлуулж болох бөгөөд энэ нь ажилласаар байх болно. Ингэснээр таны хуудсан дээр байршуулах контентод саад болохгүй.

Хэрхэн Adobe Muse CC дээр видео нэмж, хуудсыг шалгах вэ

Image
Image

Хэдийгээр та видеог тоглуулах кодыг нэмсэн ч Muse эдгээр видеонууд хаана байгааг мэдэхгүй хэвээр байна.

  1. Үүнийг засахын тулд Файл > Байршуулах файл нэмэх-г сонгоно уу.
  2. Байршуулах харилцах цонх нээгдэх үед видеонуудаа агуулсан фолдер руу шилжиж, тэдгээрийг сонгоод Нээх дээр дарна уу.
  3. Тэдгээрийг байршуулсан эсэхийг шалгахын тулд Хөрөнгийн самбар, -г нээвэл та хоёр видеогоо үзэх хэрэгтэй. Тэдгээрийг самбарт үлдээгээрэй. Тэдгээрийг хуудсан дээр байрлуулах шаардлагагүй.

  4. Төслийг туршихын тулд Файл > Хөтөч дээрх хуудсыг урьдчилан харах эсвэл энэ нь нэг хуудас тул Файл > Хөтөч дээрх сайтыг урьдчилан үзэх. Таны өгөгдмөл хөтөч нээгдэж, видео тоглуулна.
  5. Энэ үед та Muse файлыг ердийн вэб хуудас гэж үзэж, нүүр хуудсанд контент нэмэх боломжтой бөгөөд үүний доор видео тоглуулах болно.

Adobe Muse CC дээр хэрхэн видео постерын хүрээ нэмэх вэ

Image
Image

Энэ бол бидний энд ярьж байгаа вэб бөгөөд холболтын хурдаас хамааран таны хэрэглэгч видеог ачаалж байх үед хуудсыг нээж, хоосон дэлгэц ширтэх магадлал өндөр байна. Энэ бол сайн зүйл биш. Энэ бүдүүлэг байдлыг хэрхэн шийдвэрлэх талаар эндээс үзнэ үү.

Видео ачаалах үед гарч ирэх видеоны постерын хүрээ оруулах нь "Шилдэг туршлага" юм. Энэ нь ихэвчлэн видеоны хүрээний бүрэн хэмжээний дэлгэцийн агшин юм.

  1. Зурагт хуудасны хүрээ нэмэхийн тулд хуудасны дээд талд байгаа Хөтчөөр дүүргэх дээр нэг удаа товшино уу.
  2. Зургийн холбоос дээр товшоод ашиглах зураг руу очно уу.
  3. Тохируулга хэсэгт Дүүргэхийн тулд масштаблах-г сонгоод Төв цэг дээр дарна уу. Position хэсэг. Энэ нь хөтчийн харагдацын хэмжээ өөрчлөгдөхөд зураг үргэлж зургийн төвөөс масштабтай байх болно. Та мөн зургийг хуудсыг дүүргэхийг харах болно.
  4. Өөр нэг жижиг заль мэх бол зурагт хуудасны хүрээ гарч ирэхэд хэсэг хугацаа шаардагдах тохиолдолд бүрэн өнгө оруулах явдал юм. Үүнийг хийхийн тулд Color чип дээр дарж Muse Color Picker-ийг нээнэ үү. дусаагуур хэрэгслийг сонгоод зурган дээрх давамгайлсан өнгө дээр дарна уу. Дууссаны дараа хуудсан дээр дарж Хөтөчөөр дүүргэх харилцах цонхыг хаа.
  5. Энэ үед та төслийг хадгалах эсвэл нийтлэх боломжтой.

    Энэ цувралын эцсийн хэсэг нь вэб хуудасны дэвсгэр дээр видеог гулсуулдаг HTML5 кодыг хэрхэн бичихийг харуулж байна.

Зөвлөмж болгож буй: