क्या पता
- होम पेज के साथ योजना व्यू में, विंडो >पर जाएं लाइब्रेरी > [MR] फुलस्क्रीन बैकग्राउंड वीडियो फोल्डर और विजेट को पेज पर ड्रैग करें।
- वीडियो जोड़ने के लिए, फ़ाइल > अपलोड के लिए फ़ाइलें जोड़ें > वीडियो फ़ोल्डर > खोलें पर जाएं.
Adobe Muse आपको प्रकाशनों के समान कार्यप्रवाह का उपयोग करके वेब पेज बनाने की अनुमति देता है; आपको उस कोड की गहरी समझ की आवश्यकता नहीं है जो साइट या पेज बनाता है, हालांकि HTML5, CSS और जावास्क्रिप्ट से परिचित होने से कोई नुकसान नहीं होगा। हालांकि पारंपरिक वेब वीडियो को आमतौर पर HTML5 वीडियो एपीआई के माध्यम से जोड़ा जाता है, Adobe Muse विजेट्स के माध्यम से वही काम पूरा करता है जो विशिष्ट कार्यों के लिए आवश्यक HTML 5 बनाते हैं लेकिन पेज प्रकाशित होने पर कोड लिखने के लिए सरस्वती में एक सादे भाषा इंटरफ़ेस का उपयोग करते हैं।
Adobe Muse CC में बैकग्राउंड वीडियो के लिए पेज कैसे तैयार करें
विजेट स्थापित होने के साथ, अब आप वह पेज बना सकते हैं जो वीडियो का उपयोग करेगा।
- शुरू करने से पहले, अपनी संग्रहालय साइट के लिए एक फ़ोल्डर बनाएं। उस फ़ोल्डर के अंदर, एक और फ़ोल्डर बनाएं - हम "मीडिया" का उपयोग करते हैं - और वीडियो के अपने mp4 और वेबएम संस्करणों को उस फ़ोल्डर में ले जाएं।
- जब आप संग्रहालय लॉन्च करते हैं, फ़ाइल > नई साइट चुनें।
- जब लेआउट डायलॉग बॉक्स खुलता है, तो डेस्कटॉप को प्रारंभिक लेआउट के रूप में चुनें और पेज की चौड़ाई बदलेंऔर पृष्ठ ऊंचाई मान 1200 और 900 । ठीक क्लिक करें।
-
मास्टर पेज खोलने के लिए प्लान व्यू में
डबल क्लिक करें मास्टर पेज। जब मास्टर पेज खुलता है, तो शीर्ष लेख और पाद लेख गाइड को पृष्ठ के ऊपर और नीचे ले जाएँ। इस उदाहरण के लिए आपको वास्तव में एक शीर्षलेख और पाद लेख की आवश्यकता नहीं है।
Adobe Muse CC में फुलस्क्रीन बैकग्राउंड वीडियो विजेट का उपयोग कैसे करें
विजेट का उपयोग करना आसान नहीं है।
- पहली चीज़ जो आपको करने की ज़रूरत है वह है व्यू > प्लान मोड. चुनकर प्लान व्यू पर वापस आना।
- प्लान व्यू खुलने पर होम पेज को खोलने के लिए डबल-क्लिक करें।
- लाइब्रेरी पैनल खोलें - यदि यह इंटरफ़ेस के दाईं ओर नहीं खुला है, तो विंडो > लाइब्रेरी चुनें - और [MR] फ़ुलस्क्रीन बैकग्राउंड वीडियो फ़ोल्डर को घुमाएँ।
- फ़ोल्डर विजेट को पृष्ठ पर खींचें।
-
आप देखेंगे कि विकल्प आपको वीडियो के mp4 और वेबएम संस्करणों के नाम दर्ज करने के लिए कहेंगे।नाम ठीक वैसे ही दर्ज करें जैसे वे उस फ़ोल्डर में लिखे गए हैं जहाँ आपने उन्हें रखा था। यह सुनिश्चित करने के लिए एक छोटी सी तरकीब है कि आप कोई गलती न करें mp4 वीडियो का नाम कॉपी करें और इसे MP4 और WEBM क्षेत्रों में पेस्ट करें। विकल्प मेनू में से
एक और तरकीब: यह सब विजेट आपके लिए HTML 5 कोड लिखने के लिए है। आप यह बता सकते हैं क्योंकि आप विजेट में देखते हैं। इस मामले में, आप वेब पेज से विजेट को पेस्टबोर्ड पर रख सकते हैं, और यह अभी भी काम करेगा। इस तरह, यह आपके द्वारा पेज पर रखी जाने वाली किसी भी सामग्री में हस्तक्षेप नहीं करता है।
Adobe Muse CC में वीडियो कैसे जोड़ें और एक पेज का परीक्षण कैसे करें
यद्यपि आपने वह कोड जोड़ा है जो वीडियो चलाएगा, फिर भी संग्रहालय को यह नहीं पता है कि वे वीडियो कहां स्थित हैं।
- इसे ठीक करने के लिए, फ़ाइल > अपलोड करने के लिए फ़ाइलें जोड़ें चुनें।
- जब अपलोड डायलॉग बॉक्स खुलता है, तो अपने वीडियो वाले फ़ोल्डर में नेविगेट करें, उन्हें चुनें और खोलें पर क्लिक करें।
-
यह सुनिश्चित करने के लिए कि उन्हें अपलोड किया गया है, एसेट पैनल खोलें,और आपको अपने दो वीडियो देखने चाहिए। बस उन्हें पैनल में छोड़ दें। उन्हें पृष्ठ पर रखने की आवश्यकता नहीं है।
- प्रोजेक्ट का परीक्षण करने के लिए, फ़ाइल > ब्राउज़र में पूर्वावलोकन पृष्ठ का चयन करें या, क्योंकि यह एक एकल पृष्ठ है, फ़ाइल > ब्राउज़र में साइट का पूर्वावलोकन करें। आपका डिफ़ॉल्ट ब्राउज़र खुल जाएगा, और वीडियो चलेगा।
- इस बिंदु पर, आप संग्रहालय फ़ाइल को एक नियमित वेब पेज के रूप में मान सकते हैं और होम पेज पर सामग्री जोड़ सकते हैं, और वीडियो इसके नीचे चलेगा।
Adobe Muse CC में वीडियो पोस्टर फ़्रेम कैसे जोड़ें
यह वह वेब है जिसके बारे में हम यहां बात कर रहे हैं, और, कनेक्शन की गति के आधार पर, एक अच्छा मौका है कि आपका उपयोगकर्ता पेज खोल सकता है और वीडियो लोड होने के दौरान एक खाली स्क्रीन को देख सकता है। यह एक अच्छी चीज नहीं है। इस तरह की कुटिलता से निपटने का तरीका यहां बताया गया है।
वीडियो के पोस्टर फ्रेम को शामिल करना एक "सर्वश्रेष्ठ अभ्यास" है, जो वीडियो लोड होने पर दिखाई देगा। यह आमतौर पर वीडियो के किसी फ़्रेम का पूर्ण आकार का स्क्रीनशॉट होता है।
- पोस्टर फ्रेम जोड़ने के लिए, पेज के शीर्ष पर ब्राउज़र भरण पर एक बार क्लिक करें।
- छवि लिंक पर क्लिक करें और उपयोग की जाने वाली छवि पर नेविगेट करें।
- फिटिंग क्षेत्र में, भरने का पैमाना चुनें और केंद्र बिंदु पर क्लिक करें स्थिति क्षेत्र। यह सुनिश्चित करेगा कि ब्राउज़र के व्यूपोर्ट आकार में परिवर्तन होने पर छवि हमेशा छवि के केंद्र से स्केल होगी।आप छवि को पृष्ठ भरते हुए भी देखेंगे।
- एक और छोटी सी तरकीब यह है कि अगर पोस्टर फ्रेम दिखने में कुछ समय लगता है तो एक ठोस रंग भरें। ऐसा करने के लिए, म्यूज़ियम कलर पिकर खोलने के लिए Color चिप पर क्लिक करें। आईड्रॉपर टूल चुनें और इमेज में प्रमुख रंग पर क्लिक करें। समाप्त होने पर, ब्राउज़र भरण संवाद बॉक्स को बंद करने के लिए पृष्ठ पर क्लिक करें।
-
इस बिंदु पर, आप प्रोजेक्ट को सहेज सकते हैं या इसे प्रकाशित कर सकते हैं।
इस श्रृंखला का अंतिम भाग आपको HTML5 कोड लिखने का तरीका दिखाता है जो एक वीडियो को वेब पेज की पृष्ठभूमि में स्लाइड करता है।
