Ano ang Dapat Malaman
- Gamit ang Home page sa Plan view, pumunta sa Window >Library > [MR] Fullscreen Background Video folder at i-drag ang widget sa page.
- Para magdagdag ng video, pumunta sa File > Add Files For Upload > videos folder > Buksan.
Binibigyang-daan ka ng Adobe Muse na lumikha ng mga web page gamit ang katulad na daloy ng trabaho sa mga publikasyon; hindi mo kailangan ng malalim na pag-unawa sa code na bumubuo ng isang site o page, bagama't hindi makakasama ang pamilyar sa HTML5, CSS, at JavaScript. Bagama't karaniwang idinaragdag ang tradisyonal na web video sa pamamagitan ng HTML5 Video API, nagagawa ng Adobe Muse ang parehong bagay sa pamamagitan ng mga widget na lumilikha ng HTML 5 na kinakailangan para sa mga partikular na gawain ngunit gumagamit ng interface sa simpleng wika sa Muse upang isulat ang code kapag na-publish ang pahina.
Paano Maghanda ng Pahina Para sa Background na Video sa Adobe Muse CC
Sa naka-install na widget, maaari mo na ngayong gawin ang page na gagamit ng video.
- Bago ka magsimula, gumawa ng folder para sa iyong Muse site. Sa loob ng folder na iyon, gumawa ng isa pang folder – gumagamit kami ng “media” – at ilipat ang iyong mp4 at webm na bersyon ng video sa folder na iyon.
- Kapag inilunsad mo ang Muse, piliin ang File > Bagong Site.
- Kapag bumukas ang dialog box ng Layout, piliin ang Desktop bilang Initial Layout at baguhin ang Lapad ng Pahinaat Taas ng Pahina na mga value sa 1200 at 900 . I-click ang OK.
-
Double click Master Page sa view ng Plano para buksan ang Master page. Kapag nagbukas ang Master Page, ilipat ang mga gabay sa Header at Footer sa itaas at ibaba ng page. Hindi mo talaga kailangan ng Header at Footer para sa halimbawang ito.
Paano Gamitin ang Fullscreen Background Video Widget sa Adobe Muse CC
Ang paggamit ng widget ay napakasimple.
- Ang unang bagay na kailangan mong gawin ay bumalik sa Plan View sa pamamagitan ng pagpili sa View > Plan Mode.
- Kapag nagbukas ang Plan View, i-double click ang Home page upang buksan ito.
- Buksan ang panel ng Library – kung hindi ito bukas sa kanang bahagi ng Interface, piliin ang Window > Library – at paikutin ang [MR] Fullscreen na Background Video folder.
- I-drag ang widget ng folder sa page.
-
Mapapansin mo ang Options na humihiling sa iyo na ilagay ang mga pangalan ng mp4 at webm na bersyon ng mga video. Ipasok ang mga pangalan nang eksakto kung paano ang mga ito ay nabaybay sa folder kung saan mo inilagay ang mga ito. Isang maliit na trick para matiyak na hindi ka magkakamali ay ang kopyahin ang pangalan ng mp4 na video at i-paste ito sa MP4 at WEBM na lugar ng Options menu
Isa pang trick: Ang ginagawa lang ng widget na ito ay isulat ang HTML 5 code para sa iyo. Masasabi mo ito dahil nakikita mo sa widget. Sa kasong ito, maaari mong ilagay ang widget mula sa web page papunta sa pasteboard, at gagana pa rin ito. Sa ganitong paraan, hindi ito makakasagabal sa anumang content na ilalagay mo sa page.
Paano Magdagdag ng Video at Subukan ang Isang Pahina Sa Adobe Muse CC
Kahit naidagdag mo na ang code na magpe-play ng mga video, hindi pa rin alam ni Muse kung saan matatagpuan ang mga video na iyon.
- Para ayusin ito, piliin ang File > Add Files For Upload.
- Kapag bumukas ang Upload dialog box, mag-navigate sa folder na naglalaman ng iyong mga video, piliin ang mga ito at i-click ang Buksan.
-
Para matiyak na na-upload na ang mga ito, buksan ang Assets panel,at dapat mong makita ang iyong dalawang video. Iwanan lang sila sa panel. Hindi nila kailangang ilagay sa page.
- Upang subukan ang proyekto, piliin ang File > Preview Page Sa Browser o, dahil isa itong page, File > I-preview ang Site Sa Browser. Magbubukas ang iyong default na browser, at magpe-play ang video.
- Sa puntong ito, maaari mong ituring ang Muse file bilang isang regular na web page at magdagdag ng content sa Home page, at magpe-play ang video sa ilalim nito.
Paano Magdagdag ng Video Poster Frame Sa Adobe Muse CC
Ito ang web na pinag-uusapan natin dito, at, depende sa bilis ng koneksyon, malaki ang posibilidad na mabuksan ng iyong user ang page at nakatitig sa blangkong screen habang naglo-load ang video. Ito ay hindi magandang bagay. Narito kung paano haharapin ang kaunting pangit na ito.
Ito ay isang “Pinakamahusay na Kasanayan” na magsama ng poster frame ng video, na lalabas habang naglo-load ang video. Ito ay karaniwang isang full-size na screenshot ng isang frame mula sa video.
- Para idagdag ang poster frame, mag-click nang isang beses sa Browser Fill sa itaas ng page.
- I-click ang Link ng larawan at mag-navigate sa larawang gagamitin.
- Sa Fitting area, piliin ang Scale to Fill at i-click ang Center point sa ang Posisyon na lugar. Sisiguraduhin nito na ang imahe ay palaging i-scale mula sa gitna ng larawan kapag nagbago ang laki ng viewport ng browser. Makikita mo rin ang larawang punan ang pahina.
- Ang isa pang maliit na trick ay ang pagkakaroon ng solid fill color kung sakaling magtatagal ang poster frame upang lumitaw. Upang gawin ito, i-click ang Color chip upang buksan ang Muse Color Picker. Piliin ang tool na eyedropper at mag-click sa isang nangingibabaw na kulay sa larawan. Kapag tapos na, 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.
Ipinapakita sa iyo ng huling bahagi ng seryeng ito kung paano isulat ang HTML5 code na nag-slide ng video sa background ng isang web page.
