पृष्ठभूमि वीडियो कैसे बनाएँ के भाग 3

05 में से 01

एडोब म्यूज़िक में वीडियो जोड़ना

एक मुफ्त विजेट के लिए म्यूज़िक धन्यवाद में पृष्ठभूमि वीडियो जोड़ना आसान है।

एडोब म्यूज़न का वास्तव में दिलचस्प पहलू यह है कि यह आपको समान वर्कफ़्लो का उपयोग करके वेब पेज बनाने की अनुमति देता है जो प्रकाशनों को प्रस्तुत करने के लिए उपयोग किया जाता है। आपको साइट या पेज बनाने वाले कोड की गहरी समझ की आवश्यकता नहीं है लेकिन HTML5, सीएसएस और जावास्क्रिप्ट के साथ परिचितता चोट नहीं पहुंचीगी।

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

इस अभ्यास में, हम एक विजेट का उपयोग करने जा रहे हैं जिसे आप मुफ्त में, संग्रहालय संसाधनों से डाउनलोड कर सकते हैं। जब विजेट डाउनलोड होता है, तो आपको बस .zip फ़ाइल खोलना है और पूर्ण-स्क्रीन वीडियो फ़ोल्डर में .mulib फ़ाइल को डबल-क्लिक करना है। यह इसे एडोब म्यूज़िक की आपकी प्रति में स्थापित करेगा।

05 में से 02

एडोब म्यूज़न सीसी में पृष्ठभूमि वीडियो के लिए एक पृष्ठ कैसे तैयार करें

हम एए नई साइट बनाकर और पृष्ठ आयामों को सेट करके शुरू करते हैं।

विजेट स्थापित होने के साथ, अब आप वह पृष्ठ बना सकते हैं जो वीडियो का उपयोग करेगा।

शुरू करने से पहले, अपनी म्यूज़िक साइट के लिए एक फ़ोल्डर बनाएं। उस फ़ोल्डर के अंदर एक और फ़ोल्डर बनाएं - मैं " मीडिया " का उपयोग करता हूं - और उस फ़ोल्डर में वीडियो के अपने एमपी 4 और वेब संस्करण को ले जाएं।

जब आप Muse Muse फ़ाइल> नई साइट लॉन्च करते हैं। जब लेआउट डायलॉग बॉक्स प्रारंभिक लेआउट के रूप में डेस्कटॉप का चयन करता है और पृष्ठ चौड़ाई और पृष्ठ ऊंचाई मान 1200 और 900 में बदलता है। ठीक क्लिक करें।

मास्टर पेज खोलने के लिए प्लान व्यू में मास्टर पेज पर डबल क्लिक करें। जब मास्टर पेज खुलता है तो शीर्षलेख और पृष्ठ के निचले हिस्से में शीर्षलेख और पाद लेख मार्गदर्शिकाएं स्थानांतरित होती हैं। इस उदाहरण के लिए आपको वास्तव में एक शीर्षलेख और पाद लेख की आवश्यकता नहीं है।

05 का 03

एडोब म्यूज़न सीसी में फुलस्क्रीन पृष्ठभूमि वीडियो विजेट का उपयोग कैसे करें

आपको बस इतना करना है कि वीडियो नाम जोड़ें और विजेट को शेष को संभालने दें।

विजेट का उपयोग मृत सरल है। पहली चीज़ जो आपको करने की ज़रूरत है वह है व्यू> प्लान मोड का चयन करके प्लान व्यू पर वापस जाना। जब प्लान व्यू डबल खुलता है तो इसे खोलने के लिए होम पेज पर क्लिक करें।

लाइब्रेरी पैनल खोलें - यदि यह इंटरफेस विंडो के दाईं ओर स्थित नहीं है > लाइब्रेरी - और [एमआर] फुलस्क्रीन पृष्ठभूमि वीडियो फ़ोल्डर को घुमाएं । विजेट को पृष्ठ पर फ़ोल्डर में खींचें।

आप विकल्प देखेंगे कि आप वीडियो के एमपी 4 और वेब संस्करणों के नाम दर्ज करने के लिए कहें। नामों को ठीक उसी तरह दर्ज करें जैसे उन्हें आपके द्वारा रखा गया फ़ोल्डर में लिखा गया है। यह सुनिश्चित करने के लिए एक छोटी सी चाल है कि आप कोई गलती नहीं करते हैं mp4 वीडियो के नाम की प्रतिलिपि बनाना और इसे विकल्प मेनू के एमपी 4 और WEBM क्षेत्रों में पेस्ट करना है।

एक और चाल: यह सब विजेट आपके लिए एचटीएमएल 5 कोड लिखना है। आप इसे बता सकते हैं क्योंकि आप विजेट में <> देखते हैं। इस मामले में, आप वेब पेज के विजेट को पेस्टबोर्ड पर रख सकते हैं और यह अभी भी काम करेगा। इस तरह यह पृष्ठ पर आपके द्वारा रखे गए किसी भी सामग्री में हस्तक्षेप नहीं करता है।

04 में से 04

एडोब म्यूज़न सीसी में वीडियो और टेस्ट एक पेज कैसे जोड़ें

जब आप साइट या पेज का परीक्षण करते हैं तो वीडियो वीडियो चलाता है।

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

प्रोजेक्ट का परीक्षण करने के लिए फ़ाइल> ब्राउज़र में पूर्वावलोकन पृष्ठ का चयन करें या क्योंकि यह एक एकल पृष्ठ है, ब्राउज़र में फ़ाइल> पूर्वावलोकन साइट । आपका डिफ़ॉल्ट ब्राउज़र खुल जाएगा और वीडियो - मेरे मामले में एक उष्णकटिबंधीय वर्षावन - खेलना शुरू कर देगा।

इस बिंदु पर, आप म्यूज़िक फ़ाइल को नियमित वेब पेज के रूप में देख सकते हैं और होम पेज पर सामग्री जोड़ सकते हैं और वीडियो इसके नीचे खेलेंगे।

05 में से 05

एडोब म्यूज़न सीसी में एक वीडियो पोस्टर फ्रेम कैसे जोड़ें

हमेशा किसी भी वीडियो प्रोजेक्ट में पोस्टर फ्रेम जोड़ें।

यह वह वेब है जिसके बारे में हम यहां बात कर रहे हैं और, कनेक्शन की गति के आधार पर, एक अच्छा मौका है कि आपका उपयोगकर्ता पेज खोल सकता है और वीडियो लोड होने पर रिक्त स्क्रीन पर घूर रहा है। यह एक अच्छी चीज नहीं है। यहां इस नीचता से निपटने का तरीका बताया गया है।

वीडियो के पोस्टर फ्रेम को शामिल करने के लिए यह एक "सर्वश्रेष्ठ अभ्यास" है, जो वीडियो लोड होने पर दिखाई देगा। यह आम तौर पर वीडियो से एक फ्रेम का पूर्ण आकार का स्क्रीन शॉट होता है।

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

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

इस बिंदु पर, आप प्रोजेक्ट को सहेज सकते हैं या इसे प्रकाशित कर सकते हैं।

इस श्रृंखला का अंतिम भाग आपको दिखाता है कि एचटीएमएल 5 कोड कैसे लिखना है जो किसी वीडियो को वेब पेज की पृष्ठभूमि में स्लाइड करता है।