Տեսանյութի ավելացում Adobe Muse-ին

Բովանդակություն:

Տեսանյութի ավելացում Adobe Muse-ին
Տեսանյութի ավելացում Adobe Muse-ին
Anonim

Ինչ իմանալ

  • Գլխավոր էջով Plan դիտում, անցեք Window > Գրադարան > [MR] Ամբողջ էկրանով ֆոնային տեսանյութ թղթապանակ և քաշեք վիջեթը դեպի էջ:
  • Տեսանյութ ավելացնելու համար անցեք Ֆայլ > Ավելացնել ֆայլեր վերբեռնման համար > տեսանյութերի պանակ > Բացել.

Adobe Muse-ը թույլ է տալիս ստեղծել վեբ էջեր՝ օգտագործելով հրապարակումների նմանատիպ աշխատանքային հոսքը; ձեզ հարկավոր չէ կայքի կամ էջ ստեղծող կոդի խորը պատկերացում, չնայած HTML5-ին, CSS-ին և JavaScript-ին ծանոթ լինելը չի խանգարի: Թեև ավանդական վեբ տեսանյութը սովորաբար ավելացվում է HTML5 Video API-ի միջոցով, Adobe Muse-ը նույն բանն է անում վիջեթների միջոցով, որոնք ստեղծում են HTML 5-ը, որն անհրաժեշտ է կոնկրետ առաջադրանքների համար, բայց օգտագործում է պարզ լեզվով ինտերֆեյս Muse-ում՝ էջը հրապարակելիս կոդը գրելու համար:

Ինչպես պատրաստել էջ ֆոնային տեսանյութի համար Adobe Muse CC

Image
Image

Տեղադրված վիջեթի դեպքում այժմ կարող եք ստեղծել այն էջը, որը կօգտագործի տեսանյութը:

  1. Սկսելուց առաջ ստեղծեք թղթապանակ ձեր Muse կայքի համար: Այդ թղթապանակի ներսում ստեղծեք մեկ այլ թղթապանակ. մենք օգտագործում ենք «մեդիա»-ն և տեղափոխեք տեսանյութի ձեր mp4 և վեբ տարբերակները այդ պանակ:
  2. Երբ գործարկեք Muse-ը, ընտրեք Ֆայլ > Նոր Կայք.
  3. Երբ Layout երկխոսության տուփը բացվի, ընտրեք Desktop որպես Սկզբնական դասավորություն և փոխեք Էջի լայնությունըև Էջի բարձրություն արժեքներ մինչև 1200 և 900 : Սեղմեք OK.
  4. Կրկնակի կտտացրեք Master Page պլանի տեսքում՝ գլխավոր էջը բացելու համար: Երբ Գլխավոր էջը բացվում է, տեղափոխեք Վերնագրի և Ստորագրի ուղեցույցները էջի վերևում և ներքևում: Այս օրինակի համար իրականում ձեզ հարկավոր չէ վերնագիր և ստորագիր:

Ինչպես օգտագործել լիաէկրան ֆոնային վիդեո վիջեթը Adobe Muse CC-ում

Image
Image

Վիջեթի օգտագործումը շատ պարզ է:

  1. Առաջին բանը, որ դուք պետք է անեք՝ վերադառնալ պլանի տեսք՝ ընտրելով Դիտել > Պլանի ռեժիմ.
  2. Երբ Plan View-ը բացվի, այն բացելու համար կրկնակի սեղմեք Գլխավոր էջ:
  3. Բացեք Գրադարանի վահանակը – եթե այն բաց չէ միջերեսի աջ կողմում, ընտրեք Window > Գրադարան – և պտտեք ներքև [MR] Ամբողջ էկրանով ֆոնային տեսանյութ պանակը:
  4. Քաշեք պանակի վիջեթը դեպի էջ:
  5. Դուք կնկատեք, որ Ընտրանքներ-ը խնդրում է մուտքագրել տեսանյութերի mp4 և webm տարբերակների անունները:Մուտքագրեք անունները ճիշտ այնպես, ինչպես գրված են թղթապանակում, որտեղ դրանք տեղադրել եք: Սխալ չանելու համար մի փոքրիկ հնարք է պատճենել mp4 տեսանյութի անունը և տեղադրել այն MP4 և WEBM տարածքներում: Ընտրանքներ ընտրացանկից

    Մեկ այլ հնարք. այն ամենը, ինչ անում է այս վիջեթը, ձեզ համար HTML 5 կոդը գրելն է: Դուք կարող եք դա ասել, քանի որ տեսնում եք վիդջեթում: Այս դեպքում դուք կարող եք վիջեթը տեղադրել վեբ էջից գրատախտակի վրա, և այն դեռ կաշխատի: Այս կերպ այն չի խանգարում որևէ բովանդակության, որը դուք կտեղադրեք էջում:

Ինչպես ավելացնել տեսանյութ և փորձարկել էջը Adobe Muse CC-ում

Image
Image

Չնայած դուք ավելացրել եք այն կոդը, որը կցուցադրի տեսանյութերը, Muse-ը դեռ չգիտի, թե որտեղ են գտնվում այդ տեսանյութերը:

  1. Սա շտկելու համար ընտրեք Ֆայլ > Ավելացնել ֆայլեր վերբեռնման համար.
  2. Երբ բացվում է Վերբեռնման երկխոսության տուփը, նավարկեք դեպի ձեր տեսանյութերը պարունակող թղթապանակ, ընտրեք դրանք և սեղմեք Բացել:
  3. Որպեսզի դրանք վերբեռնված են, բացեք Ակտիվների վահանակը,և դուք պետք է տեսնեք ձեր երկու տեսանյութերը: Պարզապես թողեք դրանք վահանակում: Դրանք էջում տեղադրելու կարիք չկա:

  4. Նախագիծը փորձարկելու համար ընտրեք Ֆայլ > Նախադիտել էջը զննարկիչում կամ, քանի որ սա մեկ էջ է, Ֆայլ > Նախադիտել կայքը բրաուզերում: Ձեր կանխադրված դիտարկիչը կբացվի, և տեսանյութը կհնչի:
  5. Այս պահին դուք կարող եք Muse ֆայլը վերաբերվել որպես սովորական վեբ էջ և ավելացնել բովանդակություն Գլխավոր էջում, և տեսանյութը կհնչի դրա տակ:

Ինչպես ավելացնել տեսանյութի պաստառի շրջանակ Adobe Muse CC-ում

Image
Image

Սա այն համացանցն է, որի մասին մենք խոսում ենք այստեղ, և, կախված կապի արագությունից, մեծ հավանականություն կա, որ ձեր օգտատերը կարող է բացել էջը և նայել դատարկ էկրանին, մինչ տեսանյութը բեռնվում է: Սա լավ բան չէ։ Ահա, թե ինչպես վարվել այս փոքր-ինչ չարաճճիության հետ:

«Լավագույն պրակտիկա» է տեսանյութի պաստառի շրջանակը ներառելը, որը կհայտնվի տեսանյութի բեռնման ընթացքում: Սա սովորաբար տեսանյութի շրջանակի ամբողջական չափի սքրինշոթ է:

  1. Պաստառի շրջանակն ավելացնելու համար մեկ անգամ սեղմեք Browser Fill էջի վերևում:
  2. Սեղմեք Պատկերի հղումը և անցեք դեպի օգտագործվող պատկերը:
  3. Fitting տարածքում ընտրեք Scale to Fill և սեղմեք Կենտրոնական կետը-ում: Դիրք տարածքը: Սա թույլ կտա ապահովել, որ պատկերը միշտ մասշտաբավորվի պատկերի կենտրոնից, երբ բրաուզերի տեսադաշտի չափը փոխվի:Դուք նաև կտեսնեք, որ պատկերը լրացնում է էջը։
  4. Մեկ այլ փոքրիկ հնարք է ունենալ ամուր լցոնման գույն, եթե պաստառի շրջանակը որոշ ժամանակ տևի, որպեսզի հայտնվի: Դա անելու համար սեղմեք Color չիպը՝ Muse Color Picker-ը բացելու համար: Ընտրեք eyedropper գործիքը և սեղմեք պատկերի գերակշռող գույնի վրա: Ավարտելուց հետո սեղմեք էջը, որպեսզի փակեք Browser Fill երկխոսության տուփը:
  5. Այս պահին դուք կարող եք պահպանել նախագիծը կամ հրապարակել այն:

    Այս շարքի վերջին մասը ցույց է տալիս, թե ինչպես գրել HTML5 կոդը, որը տեսանյութը սահեցնում է վեբ էջի ֆոնին:

Խորհուրդ ենք տալիս: