Adobe Muse এ ভিডিও যোগ করা হচ্ছে

সুচিপত্র:

Adobe Muse এ ভিডিও যোগ করা হচ্ছে
Adobe Muse এ ভিডিও যোগ করা হচ্ছে
Anonim

যা জানতে হবে

  • HomePlan ভিউতে Window > এ যান লাইব্রেরি > [MR] ফুলস্ক্রিন ব্যাকগ্রাউন্ড ভিডিও ফোল্ডার এবং উইজেটটিকে পৃষ্ঠায় টেনে আনুন।
  • একটি ভিডিও যোগ করতে, যান ফাইল > আপলোডের জন্য ফাইল যোগ করুন > ভিডিও ফোল্ডার > খুলুন ।

Adobe Muse আপনাকে প্রকাশনার অনুরূপ ওয়ার্কফ্লো ব্যবহার করে ওয়েব পেজ তৈরি করতে দেয়; একটি সাইট বা পৃষ্ঠা তৈরি করে এমন কোড সম্পর্কে আপনার গভীর ধারণার প্রয়োজন নেই, যদিও HTML5, CSS এবং JavaScript এর সাথে পরিচিতি ক্ষতিগ্রস্থ হবে না। যদিও ঐতিহ্যগত ওয়েব ভিডিও সাধারণত HTML5 ভিডিও API-এর মাধ্যমে যোগ করা হয়, Adobe Muse উইজেটগুলির মাধ্যমে একই জিনিস সম্পাদন করে যা নির্দিষ্ট কাজের জন্য প্রয়োজনীয় HTML 5 তৈরি করে কিন্তু পৃষ্ঠাটি প্রকাশিত হলে কোড লেখার জন্য Muse-এ একটি সরল-ভাষা ইন্টারফেস ব্যবহার করে।

Adobe Muse CC এ ব্যাকগ্রাউন্ড ভিডিওর জন্য একটি পৃষ্ঠা কীভাবে প্রস্তুত করবেন

Image
Image

উইজেট ইনস্টল করে, আপনি এখন এমন একটি পৃষ্ঠা তৈরি করতে পারেন যা ভিডিওটি ব্যবহার করবে।

  1. আপনি শুরু করার আগে, আপনার Muse সাইটের জন্য একটি ফোল্ডার তৈরি করুন। সেই ফোল্ডারের ভিতরে, অন্য একটি ফোল্ডার তৈরি করুন – আমরা “মিডিয়া” ব্যবহার করি – এবং আপনার ভিডিওর mp4 এবং webm সংস্করণগুলিকে সেই ফোল্ডারে নিয়ে যান৷
  2. যখন আপনি Muse চালু করেন, সিলেক্ট করুন ফাইল > নতুন সাইট.
  3. লেআউট ডায়ালগ বক্স খোলে, ডেস্কটপ কে প্রাথমিক লেআউট হিসেবে নির্বাচন করুন এবং পৃষ্ঠার প্রস্থ পরিবর্তন করুনএবং পৃষ্ঠার উচ্চতা মান 1200 এবং 900 ঠিক আছে ক্লিক করুন।
  4. মাস্টার পৃষ্ঠা খুলতে প্ল্যান ভিউতে

    ডাবল ক্লিক করুন মাস্টার পৃষ্ঠা। যখন মাস্টার পৃষ্ঠা খোলে, শিরোনাম এবং পাদচরণ নির্দেশিকাগুলিকে পৃষ্ঠার উপরে এবং নীচে সরান৷ এই উদাহরণের জন্য আপনার সত্যিই একটি শিরোনাম এবং ফুটারের প্রয়োজন নেই৷

Adobe Muse CC এ ফুলস্ক্রিন ব্যাকগ্রাউন্ড ভিডিও উইজেট কিভাবে ব্যবহার করবেন

Image
Image

উইজেট ব্যবহার করা সহজ।

  1. ভিউ ৬৪৩৩৪৫২ প্ল্যান মোড।
  2. যখন প্ল্যান ভিউ খোলে, এটি খুলতে হোম পেজ এ দুবার ক্লিক করুন৷
  3. লাইব্রেরি প্যানেলটি খুলুন - যদি এটি ইন্টারফেসের ডানদিকে না খোলা থাকে তবে উইন্ডো > লাইব্রেরি - এবং নির্বাচন করুন নিচে ঘুরুন [MR] ফুলস্ক্রিন পটভূমি ভিডিও ফোল্ডার।
  4. ফোল্ডার উইজেটটিকে পৃষ্ঠায় টেনে আনুন।
  5. আপনি লক্ষ্য করবেন অপশন আপনাকে ভিডিওগুলির mp4 এবং webm সংস্করণগুলির নাম লিখতে বলবে৷আপনি যে ফোল্ডারে তাদের রেখেছেন সেখানে নামগুলি ঠিক সেভাবে লিখুন। আপনি যাতে ভুল না করেন তা নিশ্চিত করার জন্য একটি ছোট কৌশল হল mp4 ভিডিওর নাম কপি করা এবং MP4 এবং WEBM এলাকায় পেস্ট করা বিকল্প মেনু

    অন্য একটি কৌশল: এই উইজেটটি যা করে তা হল আপনার জন্য HTML 5 কোড লেখা। আপনি এটি বলতে পারেন কারণ আপনি উইজেটে দেখতে পাচ্ছেন। এই ক্ষেত্রে, আপনি ওয়েব পৃষ্ঠা থেকে উইজেটটি পেস্টবোর্ডে রাখতে পারেন এবং এটি এখনও কাজ করবে। এইভাবে, এটি আপনার পৃষ্ঠায় রাখা কোনো সামগ্রীতে হস্তক্ষেপ করে না।

কীভাবে ভিডিও যোগ করবেন এবং অ্যাডোব মিউজ সিসিতে একটি পৃষ্ঠা পরীক্ষা করবেন

Image
Image

যদিও আপনি কোডটি যোগ করেছেন যা ভিডিওগুলি চালাবে, তবে মিউজ এখনও জানে না সেই ভিডিওগুলি কোথায় অবস্থিত৷

  1. এটি ঠিক করতে, নির্বাচন করুন ফাইল > আপলোডের জন্য ফাইল যোগ করুন।
  2. যখন আপলোড ডায়ালগ বক্স খোলে, আপনার ভিডিও রয়েছে এমন ফোল্ডারে নেভিগেট করুন, সেগুলি নির্বাচন করুন এবং ক্লিক করুন খুলুন.
  3. সেগুলি আপলোড করা হয়েছে তা নিশ্চিত করতে, Assets প্যানেল খুলুন,এবং আপনার দুটি ভিডিও দেখতে হবে। শুধু প্যানেলে তাদের ছেড়ে. তাদের পৃষ্ঠায় স্থাপন করার প্রয়োজন নেই।
  4. প্রজেক্ট পরীক্ষা করতে, নির্বাচন করুন ফাইল > ব্রাউজারে প্রিভিউ পৃষ্ঠা বা, কারণ এটি একটি একক পৃষ্ঠা, ফাইল > ব্রাউজারে প্রিভিউ সাইট। আপনার ডিফল্ট ব্রাউজার খুলবে, এবং ভিডিওটি প্লে হবে৷
  5. এই মুহুর্তে, আপনি Muse ফাইলটিকে একটি নিয়মিত ওয়েব পৃষ্ঠা হিসাবে বিবেচনা করতে পারেন এবং হোম পেজে সামগ্রী যোগ করতে পারেন এবং ভিডিওটি এটির নীচে প্লে হবে৷

Adobe Muse CC এ কিভাবে একটি ভিডিও পোস্টার ফ্রেম যুক্ত করবেন

Image
Image

এই ওয়েবটির বিষয়ে আমরা এখানে কথা বলছি, এবং সংযোগের গতির উপর নির্ভর করে, ভিডিও লোড হওয়ার সময় আপনার ব্যবহারকারী পৃষ্ঠাটি খুলতে পারে এবং একটি ফাঁকা স্ক্রিনের দিকে তাকাতে পারে এমন একটি ভাল সম্ভাবনা রয়েছে৷ এটি একটি ভাল জিনিস নয়. এই বিড়ম্বনার সাথে কিভাবে মোকাবেলা করতে হয় তা এখানে।

এটি ভিডিওর একটি পোস্টার ফ্রেম অন্তর্ভুক্ত করা একটি "সেরা অভ্যাস", যা ভিডিও লোড হওয়ার সময় প্রদর্শিত হবে৷ এটি সাধারণত ভিডিও থেকে একটি ফ্রেমের একটি পূর্ণ আকারের স্ক্রিনশট।

  1. পোস্টার ফ্রেম যোগ করতে, পৃষ্ঠার শীর্ষে ব্রাউজার ফিল এ একবার ক্লিক করুন।
  2. ইমেজ লিঙ্ক ক্লিক করুন এবং ব্যবহার করা ছবিতে নেভিগেট করুন।
  3. ফিটিং এলাকায়, পূর্ণ করার জন্য স্কেল নির্বাচন করুন এবং কেন্দ্র বিন্দু-এ ক্লিক করুন পজিশন এলাকা। এটি নিশ্চিত করবে যে ব্রাউজারের ভিউপোর্টের আকার পরিবর্তন হলে ছবিটি সর্বদা ছবির কেন্দ্র থেকে স্কেল হবে।আপনি চিত্রটি পৃষ্ঠাটি পূরণ করতেও দেখতে পাবেন।

  4. আরেকটি ছোট কৌশল হল একটি কঠিন ফিল কালার করা যদি পোস্টার ফ্রেমটি প্রদর্শিত হতে কিছু সময় নেয়। এটি করতে, মিউজ কালার পিকার খুলতে Color চিপে ক্লিক করুন। eyedropper টুলটি নির্বাচন করুন এবং চিত্রের একটি প্রধান রঙে ক্লিক করুন৷ শেষ হলে, ব্রাউজার ফিল ডায়ালগ বক্স বন্ধ করতে পৃষ্ঠাটিতে ক্লিক করুন।
  5. এই মুহুর্তে, আপনি প্রকল্পটি সংরক্ষণ করতে বা প্রকাশ করতে পারেন৷

    এই সিরিজের শেষ অংশ আপনাকে দেখায় কিভাবে HTML5 কোড লিখতে হয় যা একটি ভিডিওকে একটি ওয়েব পৃষ্ঠার পটভূমিতে স্লাইড করে।

প্রস্তাবিত: