Pagdaragdag ng Video Upang Adobe Muse
Ang talagang kagiliw-giliw na aspeto ng Adobe Muse ay nagbibigay-daan sa iyo upang lumikha ng mga web page gamit ang isang katulad na daloy ng trabaho sa na ginagamit upang mag-ipon ng mga publisher. Hindi mo kailangan ang isang malalim na pag-unawa sa code na nagtatayo ng isang site o pahina ngunit ang isang pamilyar sa HTML5, CSS at JavaScript ay hindi nasaktan.
Kahit na ang tradisyunal na web video ay kadalasang idinagdag sa pamamagitan ng paggamit ng HTML5 Video API, ang Adobe Muse ay gumagawa ng parehong bagay sa pamamagitan ng tinatawag nito na "widgets". Ang mga widget ay lumikha ng HTML 5 na kinakailangan para sa mga partikular na gawain ngunit gumamit ng plain-language interface sa Muse upang isulat ang code kapag nai-publish ang pahina.
Sa ganitong ehersisyo, gagamitin namin ang isang widget na maaari mong i-download, nang libre, mula sa Muse Resources. Kapag ang mga pag-download ng widget, ang kailangan mo lang gawin ay buksan ang .zip file at i-double-click ang .mulib file sa folder na Buong Video ng Screen. I-install ito sa iyong kopya ng Adobe Muse.
Paano Maghanda ng Pahina Para sa Background Video sa Adobe Muse CC
Gamit ang widget na naka-install, maaari mo na ngayong lumikha ng pahina na gagamitin ang video.
Bago ka magsimula, lumikha ng isang folder para sa iyong site ng pag-isip-isip. Sa folder na iyon lumikha ng isa pang folder - Ginagamit ko ang " media "- at ilipat ang iyong mga bersyon ng mp4 at webm ng video sa folder na iyon.
Kapag inilunsad mo ang Muse piliin File> Bagong Site. Kapag ang dialog box ng Layout ay bubukas Desktop bilang ang Paunang Layout at baguhin ang Lapad ng Pahina at Taas ng Pahina mga halaga sa 1200 at 900. Mag-click OK.
I-double click ang Master Page sa view ng Plano upang buksan ang pahina ng Master. Kapag ang Master Page bubukas ilipat ang Header at Footer gabay sa itaas at sa ibaba ng pahina. Hindi mo talaga kailangan ang Header and Footer para sa halimbawang ito.
03 ng 05Paano Gamitin Ang Fullscreen Background Video Widget sa Adobe Muse CC
Ang paggamit ng widget ay simpleng patay. Ang unang bagay na kailangan mong gawin ay bumalik sa Plan View sa pamamagitan ng pagpili Tingnan ang> Plan Mode. Kapag binuksan ng View Plan ang pag-double click sa Home page upang buksan ito.
Buksan ang panel ng Library - kung hindi ito bukas sa kanang bahagi ng piliin ng Interface Window> Library - at pag-ikot ang MR Fullscreen Background Video folder. I-drag ang widget sa folder sa pahina.
Mapapansin mo ang Mga Opsyon hilingin sa iyo na ipasok ang mga pangalan ng mga bersyon ng mp4 at webm ng mga video. Ipasok ang mga pangalan nang eksakto kung paano ito nabaybay sa folder kung saan mo inilagay ang mga ito. Ang isang maliit na lansihin upang matiyak na hindi ka nagkakamali ay kopyahin ang pangalan ng mp4 video at i-paste ito sa MP4 at WEBM mga lugar ng Menu ng Mga Pagpipilian.
Isa pang lansihin: Ang lahat ng widget na ito ay ang isulat ang HTML 5 code para sa iyo. Maaari mong sabihin ito dahil nakikita mo <> sa widget. Sa kasong ito, maaari mong ilagay ang widget mula sa pahina ng web papunta sa karton at gagana pa rin ito. Sa ganitong paraan hindi ito makagambala sa anumang nilalaman na ilalagay mo sa pahina.
04 ng 05Paano Upang Magdagdag ng Video at Subukan ang Isang Pahina Sa Adobe Muse CC
Kahit na idinagdag mo ang code na magpe-play ng mga video, ang Muse ay hindi pa rin mayroong isang bakas kung saan matatagpuan ang mga video na iyon. Upang ayusin ito, piliin File> Magdagdag ng Mga File Para Mag-upload. Kapag ang Mag-upload ng dialog box bubukas ang mag-navigate sa folder na naglalaman ng iyong mga video, piliin ang mga ito at i-click Buksan. Upang matiyak na na-upload na ang mga ito, buksan ang Panel ng asset at dapat mong makita ang iyong dalawang video. Basta iwanan ang mga ito sa panel. Hindi nila kailangang ilagay sa pahina.
Upang subukan ang proyekto piliin File> Preview Page In Browser o, dahil ito ay isang solong pahina, File> I-preview ang Site Sa Browser. Magbubukas ang iyong default na browser at ang video - sa aking kaso ng isang tropikal na rainstorm - ay magsisimula sa paglalaro.
Sa puntong ito, maaari mong gamutin ang Muse file bilang isang regular na web page at magdagdag ng nilalaman sa Home page at ang video ay maglalaro sa ilalim nito.
05 ng 05Paano Upang Magdagdag ng Isang Video Poster Frame Sa Adobe Muse CC
Ito ang web na pinag-uusapan natin dito at, depende sa bilis ng koneksyon, may isang magandang pagkakataon na buksan ng iyong user ang pahina at nakapako sa isang blangko na screen habang ang video ay naglo-load. Ito ay hindi isang magandang bagay. Narito kung paano haharapin ang ganitong bit ng nastiness.
Ito ay isang "Pinakamahusay na Practice" upang isama ang isang poster frame ng video, na lilitaw habang ang video ay naglo-load. Ito ay karaniwang isang full-size screen shot ng isang frame mula sa video.
Upang idagdag ang poster frame i-click nang isang beses Punan ang Browser sa tuktok ng pahina. I-click ang Link ng imahe at mag-navigate sa larawan upang magamit. Nasa Angkop lugar, piliin Scale to Fill at i-click ang Gitna nasa Posisyon lugar. Ito ay titiyak na ang imahe ay palaging sukat mula sa gitna ng imahe kapag ang laki ng viewport ng laki ng browser ay nagbabago. Makikita mo rin ang imahe na punan ang pahina.
Ang isa pang maliit na panlilinlang ay hindi bababa sa isang magkaroon ng isang solid-hindi puting-punan ang kulay kung sakaling ang poster frame ay tumatagal ng isang habang upang lumitaw. Upang gawin ito, i-click ang Kulay ng chip upang buksan ang Muse Color Picker. Piliin ang tool na eyedropper at mag-click sa isang namamalaging kulay sa larawan. Kapag natapos, mag-click sa pahina upang isara ang dialog box ng Browser Fill.
Sa puntong ito, maaari mong i-save ang proyekto o i-publish ito.
Ang huling bahagi ng seryeng ito ay nagpapakita sa iyo kung paano isulat ang HTML5 code na nagpapakita ng isang video sa background ng isang web page.
