Parto 3 De Kiel Krei Fona Video

01 de 05

Aldonante la video Al Adobe Muse

Fona video estas facile aldoni en Muse danke al libera fenestraĵo.

La vere interesa aspekto de Adobe Muse estas, ke ĝi ebligas al vi krei retpaĝojn uzante similan laborfluon al kiu uzis publikigado. Vi ne bezonas profundan komprenon pri la kodo, kiu konstruas retejon aŭ paĝon, sed familiareco kun HTML5, CSS kaj Javascript ne difektos.

Kvankam tradicia retejo-video kutime aldoniĝas per la uzo de la HTML5-Video API, Adobe Muse plenumas la saman aferon per tio, kion ĝi nomas "widgets". Fenestraĵoj kreas la HTML 5 postulataj por specifaj taskoj, sed uzas simplan lingvan interfacon en Muse por skribi la kodon kiam la paĝo estas publikigita.

En ĉi tiu ekzerco ni uzos fenestraĵon, kiun vi povas elŝuti senpage de Muse Resources. Kiam la fenestraĵoj elŝutas, ĉio, kion vi devas fari estas malfermi la .zip-dosieron kaj duoble alklaku la dosieron .mulib en la dosierujo de Full Screen. Ĉi tio instigos ĝin en vian kopion de Adobe Muse.

02 de 05

Kiel Prepari Paĝon Por Fona Video en Adobe Muse CC

Ni komencas kreante novan retejon kaj agordi la paĝajn dimensiojn.

Kun la fenestraĵo instalita, vi nun povas krei la paĝon, kiu uzos la video.

Antaŭ ol vi komencas, kreu dosierujon por via Muse-retejo. Ene tiu dosierujo kreas alian dosierujon - mi uzas " amaskomunikilaron " - kaj movu vian mp4 kaj webm-versiojn de la video en tiun dosierujon.

Kiam vi lanĉas Muse selektu dosieron> Nova retejo . Kiam la Skatolo-dialogo malfermas elektitan Labortablon kiel la Komenca Aranĝo kaj ŝanĝos la paĝojn Larĝeco kaj Paĝo Alteco al 1200 kaj 900 . Alklaku OK .

Duobla alklaku la Majstreton en la Plano-vido por malfermi la Majstran paĝon. Kiam la Majstro Paĝo malfermiĝas movu la Kaplinion kaj Piedajn gvidojn al la supro kaj la malsupro de la paĝo. Vi vere ne bezonas Header kaj Footer por ĉi tiu ekzemplo.

03 de 05

Kiel Uzi La Fullscreen Fona Video Widget en Adobe Muse CC

Ĉiuj vi devas fari estas aldoni la filmetojn kaj lasu la fenestraĵon teni la reston.

Uzanta la fenestraĵon estas morta simpla. La unua afero, kiun vi devas fari estas reveni al la Plano-Vido, elektante Vidi> Planan Modo . Kiam la Plano-Vido malfermas duoble alklaku la Hejmpaĝo por malfermi ĝin.

Malfermu la Bibliotekan panelo - se ĝi ne estas malfermita dekstre de la Interfaco elektu Window> Library - kaj turniĝu sub la [MR] Fullscreen Background Video- dosierujo. Trenu la fenestraĵon al la dosierujo al la paĝo.

Vi rimarkos, ke la Elektoj petas vin eniri la nomojn de la mp4 kaj retejaj versioj de la videoj. Enmetu la nomojn ĝuste kiel ili estas skribitaj en la dosierujo, kie vi metis ilin. Malgranda lertaĵo por certigi, ke vi ne eraras, kopias la nomon de la mp4-video kaj batu ĝin en la areojn MP4 kaj WEBM de la menuo de Agordoj .

Alia lertaĵo: Ĉio ĉi ĉi fenestraĵo faras skribi la HTML-5-kodon por vi. Vi povas diri tion ĉar vi vidas <> en la fenestraĵo. En ĉi tiu kazo, vi povas meti la fenestraĵon de la retpaĝo al la pakaĵo kaj ĝi ankoraŭ funkcios. De ĉi tiu maniero ne interrompas kun iu ajn enhavo, kiun vi metos sur la paĝo.

04 de 05

Kiel aldoni video kaj elprovi paĝon en Adobe Muse CC

La video ludas kiam vi provas la retejon aŭ la paĝon.

Kvankam vi aldonis la kodon, kiu ludos la filmetojn, Muse ankoraŭ ne havas aŭtoveturejon kie tiuj videoj troviĝas. Por ripari tion, elektu Dosiero> Aldonu dosierojn por alŝuti . Kiam la alŝuta dialogujo malfermiĝas navigi al la dosierujo enhavanta viajn filmetojn, elektu ilin kaj alklaku Malfermu . Por certigi, ke ili estas alŝutitaj, malfermu la Asocian panelo kaj vi devus vidi viajn du filmetojn. Nur lasu ilin en la panelo. Ili ne bezonas esti metitaj sur la paĝon.

Por provi la projekton elektu Dosiero> Antaŭrigardo Paĝo En Retumilo aŭ, ĉar ĉi tiu estas sola paĝo, Dosiero> Antaŭrigardo Retejo En Retumilo . Via defaŭlta retumilo malfermiĝos kaj la video - en mia kazo tropika pluvo - komencos ludi.

Je ĉi tiu punkto, vi povas trakti la Muse-dosieron kiel regula retejo kaj aldoni enhavon al la Hejmpaĝo kaj la video ludos sub ĝi.

05 de 05

Kiel aldoni bildan afiŝkadron En Adobe Muse CC

Ĉiam aldonu afiŝan kadron al iu video projekto.

Jen la retejo, pri kiu ni parolas ĉi tie kaj, laŭ la rapideco de la rilato, estas bona ŝanco, ke via uzanto povu malfermi la paĝon kaj rigardi malplenan ekranon dum la video ŝarĝas. Ĉi tio ne estas bona afero. Jen kiel trakti ĉi tiun iom da nastiness.

Ĝi estas "Plej bona Praktiko" por inkludi afiŝan kadron de la video, kiu aperos dum la videoŝarĝoj. Ĉi tio kutime estas plena grandega ekrano de kadro de la video.

Por aldoni la afiŝan kadron, klaku unufoje en la Retumilo Plenigu ĉe la supro de la paĝo. Alklaku la bildan ligilon kaj navigu al la bildo por esti uzita. En la Fitting- regiono, elektu Skalon por Plenigi kaj alklaku la Centran punkton en la Pozicia areo. Ĉi tio certigos, ke la bildo ĉiam skalos de la centro de la bildo kiam ŝanĝiĝos la grandega vidpunkto de la retumilo. Vi ankaŭ vidos la bildon plenigi la paĝon.

Alia malgranda atuto estas almenaŭ havi solida-ne blanka-plenkolora kvazaŭ la afiŝkampo iom post iom aperos. Por fari ĉi tion alklaku la Koloron por malfermi la Muse Koloron-Elektron. Elektu la okulajn ilojn kaj alklaku superregantan koloron en la bildo. Kiam finita, alklaku la paĝon por fermi la dialogilon-foliumilon.

Ĉe ĉi tiu punkto, vi povas ŝpari la projekton aŭ publikigi ĝin.

La fina parto de ĉi tiu serio montras al vi kiel skribi la HTML5-kodon, kiu diapozitivigas la bildon en la fono de retpaĝo.