पृष्ठभूमि भिडियो कसरी सिर्जना गर्ने भाग 3

01 of 05

Adobe Muse मा भिडियो थप्दै

पृष्ठभूमि भिडीयो नि: शुल्क विजेटमा धन्यवाद धन्यवाद।

Adobe Muse को साँच्चै रोचक पक्ष यो हो कि तपाइँले समान कार्यप्रवाह प्रयोग गरी वेब पेजहरू सिर्जना गर्न अनुमति दिन्छ जुन प्रकाशनहरू प्रयोग गर्न प्रयोग गरिन्छ। तपाईंलाई कोडको गहिरो बुझ्न आवश्यक छैन जुन साइट वा पृष्ठ बनाइन्छ तर एचटीएमएल 5, CSS र जाभास्क्रिप्टको साथ चिन्ता हुनेछ।

यद्यपि परम्परागत वेब भिडियो सामान्यतया एचटीएमएल 5 भिडीयो एपीआईको प्रयोग गरी थपिएको छ, एडोब Muse ले यो "विगेट्स" लाई के कुरा गरेर एकै कुरा हासिल गर्दछ। विजेटहरू विशिष्ट कार्यहरूका लागि आवश्यक HTML 5 सिर्जना गर्दछ तर पृष्ठ प्रकाशित भएपछि कोडमा लेख्नको लागि सादा-भाषा इन्टरफेस प्रयोग गर्नुहोस्।

यस व्यायाममा, हामी विजेट प्रयोग गर्न जाँदैछौं जुन तपाई डाउनलोड गर्न सक्नुहुनेछ, नि: शुल्कका लागि, म्युजिक साधनहरूबाट। विजेट डाउनलोड गर्दा, तपाईंले सबैलाई आवश्यक छ .zip फाइल खोल्न र पूर्ण-स्क्रिन भिडीयो फोल्डरमा .mulib फाइल डबल-क्लिक गर्नुहोस्। यो यसलाई एडोब Muse मा तपाईंको प्रतिलिपिमा स्थापित गर्नेछ।

02 को 05

Adobe Muse CC मा पृष्ठभूमिको भिडियोको लागि एक पृष्ठ तयार गर्ने

हामी अा नयाँ साइट सिर्जना गरेर पृष्ठ आयामहरू सेट गरेर सुरू गर्छौं।

विजेट स्थापना भएको, तपाई अब पृष्ठ सिर्जना गर्न सक्नुहुन्छ जुन भिडियो प्रयोग गर्नेछ।

तपाईँले सुरू गर्नु अघि, तपाईंको परामर्श साइटको लागि एउटा फोल्डर सिर्जना गर्नुहोस्। त्यस फोल्डर भित्र अर्को फोल्डर सिर्जना गर्नुहोस् - म " मिडिया " प्रयोग गर्दछु - र त्यस फोल्डरमा भिडियोको तपाईंको mp4 र वेबम संस्करणहरू सार्नुहोस्।

जब तपाईं म्युजिक चयन फाइल> नयाँ साइट सुरू गर्नुहुन्छ। जब लेआउट संवाद बाकसले डेस्कटपलाई प्रारम्भिक लेआउटको रूपमा चयन गर्दछ र पृष्ठ चौडाईपृष्ठ उचाइ मानहरू 1200900 मा परिवर्तन गर्दछ। ठीक क्लिक गर्नुहोस्।

मास्टर पेज खोल्न योजना दृश्यमा मास्टर पेज डबल क्लिक गर्नुहोस्। जब मास्टर पृष्ठले हेडर र फुटरले माथिल्लो पृष्ठमा र तलको तल दिशा निर्देशन गर्दछ। तपाईलाई वास्तवमा हेडर र फुटर यस उदाहरणको लागि आवश्यक छैन।

03 of 05

Adobe Muse CC मा पूर्ण स्क्रिन पृष्ठभूमि भिडियो विजेट कसरी प्रयोग गर्ने

तपाईले गर्नु आवश्यक छ भिडियो नामहरू थप्नुहोस् र विजेटलाई बाधा पुर्याउन दिनुहोस्।

विजेट प्रयोग गरेर मृत सरल छ। तपाईंले गर्नु आवश्यक छ कि पहिलो कुरा योजना > योजना मोड चयन गरेर योजना दृश्यमा फर्किनु हो। जब योजना दृश्य खोल्दछ डबल खोल्नु होम पेजमा क्लिक गर्नुहोस्।

लाइब्रेरी प्यानल खोल्नुहोस् - यदि इन्टरफेस चयन गर्नुहोस् सञ्झ्याल> लाइब्रेरीको दायाँ तिर खुला छैन भने र [एमआर] पूर्णस्क्रिन पृष्ठभूमि भिडियो फोल्डर घुमाउनुहोस्। विजेटलाई पृष्ठमा फोल्डरमा तान्नुहोस्।

तपाईंले विकल्पहरूलाई ध्यान दिनुहुनेछ कि तपाइँ भिडियोहरूको mp4 र वेबम संस्करणहरूको नाम प्रविष्ट गर्न सोध्नुहुन्छ। त्यहि नामहरू प्रविष्ट गर्नुहोस् जुन तिनीहरू फोल्डरमा हिज्जे छन् जहाँ तपाईँले राख्नुभयो। एक सानो चाल सुनिश्चित गर्न को लागि तपाईं गल्ती छैन कि mp4 भिडियो को नाम प्रतिलिपि गर्न र विकल्प मेनु को MP4WEBM क्षेत्रहरुमा चिपकाएँ।

एक अर्को चाल: यो सबै विजेटले तपाईंको लागि HTML 5 कोड लेख्न थाल्छ। तपाईं यो भन्न सक्नुहुन्छ किनभने तपाईले विजेटमा <> देख्नुहुन्छ। यस अवस्थामा, तपाईं वेब पेजको विजेट पेसबोर्डमा पुग्न सक्नुहुन्छ र यसले अझै पनि काम गर्नेछ। यस तरिकाले यसले तपाईंले पृष्ठमा भएको कुनै पनि सामग्रीसँग हस्तक्षेप गर्दैन।

04 को 05

भिडियो कसरी एडोब Muse CC मा भिडियो र परीक्षण गर्नुहोस्

तपाइँले साइट वा पृष्ठ परीक्षण गर्दा थरी भिडियो प्लेहरू।

यद्यपि तपाइँले कोड थप्न सक्ने कोड थप्नु भएको छ भने, मातृभाषा अझै पनि सुची छैन जहाँ ती भिडियोहरू अवस्थित छन्। यसलाई ठीक गर्न, फाईल चयन गर्नुहोस् > अपलोडका लागि फाइलहरू थप्नुहोस् । जब अपलोड संवाद बक्स तपाईंको भिडियो समावेश फोल्डरमा नेविगेट गर्दछ, चयन गर्नुहोस् र खोल्नुहोस् क्लिक गर्नुहोस्। तिनीहरूलाई अपलोड गरिएको सुनिश्चित गर्न, सम्पत्ति प्यानल खोल्नुहोस् र तपाईंले आफ्नो दुई भिडियोहरू हेर्नु पर्छ। तिनीहरूलाई प्यानलमा छोड्नुहोस्। तिनीहरूलाई पृष्ठमा राख्नु पर्दैन।

प्रोजेक्ट चयन फाइलको जाँच गर्न > पूर्वावलोकन पेज ब्राउजरमा वा, किनभने यो एक पृष्ठ हो, फाइल> पूर्वावलोकन साइट ब्राउजरमा । तपाईंको डिफल्ट ब्राउजर खुल्यो र भिडियो - मेरो मामलामा एक उष्णकटिबंधीय वर्षाको - खेल सुरु हुनेछ।

यस बिन्दुमा, तपाईं म्यानुअल फाईल नियमित वेब पृष्ठको रूपमा व्यवहार गर्न सक्नुहुनेछ र गृह पृष्ठमा सामग्री थप्न सक्नुहुन्छ र भिडियो तल यो खेलिन्छ।

05 को 05

एडोब Muse CC मा एक भिडियो पोस्टर फ्रेम को कसरि जोडें

कुनै पनि भिडियो प्रोजेक्टमा सँधै पोष्ट पोष्ट थप्नुहोस्।

यो वेब हामी यहाँ बारेमा कुरा गर्दैछौं र, जडानको गतिमा निर्भर गर्दछ, त्यहाँ एक राम्रो मौका हो जुन तपाईंको प्रयोगकर्ताले पृष्ठ खोल्न सक्छ र भिडियो लोड गर्दा घनिष्ठ स्क्रीनमा घिमिरे रहन सक्छ। यो राम्रो कुरा होइन। यहाँ यो बिस्तारै चिसोपनसँग कसरी व्यवहार गर्ने हो।

यो भिडियोको पोटर फ्रेम समावेश गर्ने "सर्वोत्तम अभ्यास" हो, जुन भिडियो लोड हुँदा देखा पर्नेछ। यो भिडियो सामान्यतया भिडियोको फ्रेमको पूर्ण-आकार स्क्रीन शट हो।

ब्राउजरमा पृष्ठको शीर्षमा भरिएको पोस्टर फ्रेम थप्न क्लिक गर्नुहोस्। छवि लिङ्क क्लिक गर्नुहोस् र प्रयोग गर्न छविमा नेविगेट गर्नुहोस्। फिटिंग क्षेत्रमा, भर्खरको स्केल चयन गर्नुहोस् र केन्द्र क्षेत्रमा केन्द्र बिन्दु क्लिक गर्नुहोस्। यसले यो सुनिश्चित गर्नेछ कि छवि सधैँ तस्वीरको केन्द्रबाट हुन्छ जब ब्राउजरको दृश्य आकार परिवर्तन हुन्छ। तपाईंले पनि छविलाई पृष्ठ भरेर हेर्नुहुनेछ।

अर्को सानो ट्रिकमा कम्तीमा एक ठोस छ-सेतो छैन होईन - रंग भरेर पोस्टर फ्रेम देखा पर्खनु पर्दछ। यो गर्न को लागी कोलोन रङ पिकर खोल्न को लागी रङ चिप क्लिक गर्नुहोस्। आड्रोपपर उपकरण छान्नुहोस् र छविमा मुख्य रंगमा क्लिक गर्नुहोस्। समाप्त भएपछि, ब्राउजर भरण संवाद बक्स बन्द गर्न पृष्ठमा क्लिक गर्नुहोस्।

यस बिन्दुमा, तपाईंले यो परियोजना सुरक्षित गर्न सक्नुहुन्छ वा प्रकाशित गर्न सक्नुहुनेछ।

यो श्रृंखलाको अन्तिम भागले तपाईंलाई कसरी देखाउँछ HTML5 कोड वेब पेजको पृष्ठभूमिमा भिडियो स्लाइड गर्दछ।