إضافة الفيديو إلى Adobe Muse
الجانب المثير للإعجاب في Adobe Muse هو أنه يسمح لك بإنشاء صفحات ويب باستخدام سير عمل مشابه لتلك المستخدمة لوضع المنشورات. لا تحتاج إلى فهم عميق للرمز الذي ينشئ موقعًا أو صفحة ، ولكن لا يضر التعرف على HTML5 و CSS و JavaScript.
على الرغم من أنه عادة ما يتم إضافة الفيديو التقليدي عبر استخدام HTML5 Video API ، فإن Adobe Muse يحقق نفس الشيء من خلال ما يطلق عليه "widgets". تقوم الأدوات بتكوين HTML 5 المطلوب لمهام محددة ، ولكن استخدم واجهة بلغة عادية في Muse لكتابة الرمز عند نشر الصفحة.
في هذا التمرين ، سنستخدم أداة يمكنك تنزيلها مجانًا من Muse Resources. عندما تكون تنزيلات عنصر واجهة المستخدم ، كل ما عليك فعله هو فتح ملف .zip والنقر نقرًا مزدوجًا فوق ملف .mulib في مجلد فيديو ملء الشاشة. سيقوم هذا بتثبيته في نسختك من Adobe Muse.
كيفية إعداد صفحة لفيديو الخلفية في Adobe Muse CC
عند تثبيت الأداة ، يمكنك الآن إنشاء الصفحة التي ستستخدم الفيديو.
قبل أن تبدأ ، قم بإنشاء مجلد لموقع موسى الخاص بك. داخل هذا المجلد إنشاء مجلد آخر - يمكنني استخدام " وسائل الإعلام "- ونقل إصدارات mp4 و webm للفيديو إلى هذا المجلد.
عند تشغيل اختيار موسى ملف> الموقع الجديد. عندما يفتح مربع الحوار Layout حدد سطح المكتب كما التخطيط الأولي وتغيير عرض الصفحة و ارتفاع الصفحة القيم ل 1200 و 900. انقر حسنا.
انقر نقرًا مزدوجًا فوق الصفحة الرئيسية في طريقة عرض "الخطة" لفتح الصفحة الرئيسية. عند فتح الصفحة الرئيسية ، قم بتحريك موجهات "رأس وتذييل الصفحة" إلى أعلى الصفحة وأسفلها. لا تحتاج حقًا إلى "رأس وتذييل" لهذا المثال.
03 من 05كيفية استخدام القطعة فيديو خلفية الشاشة في برنامج Adobe Muse CC
استخدام القطعة بسيط للغاية. أول ما عليك فعله هو العودة إلى Plan View من خلال الاختيار عرض> وضع الخطة. عندما يفتح عرض الخطة انقر مرتين على الصفحة الرئيسية لفتحه.
افتح لوحة Library - إذا لم يكن مفتوحًا على الجانب الأيمن من الواجهة حدد نافذة> المكتبة - وبرم أسفل MR فيديو خلفية الشاشة الكاملة مجلد. اسحب الأداة إلى المجلد إلى الصفحة.
ستلاحظ خيارات أطلب منك إدخال أسماء إصدارات mp4 و webm لمقاطع الفيديو. أدخل الأسماء تمامًا كما هي مكتوبة في المجلد الذي وضعته فيها. إحدى الخدع القليلة التي تضمن عدم ارتكاب خطأ هي نسخ اسم الفيديو mp4 ولصقه في MP4 و ويب إم مناطق من قائمة الخيارات.
خدعة أخرى: كل هذه الأداة هي كتابة كود HTML 5 لك. يمكنك معرفة ذلك لأنك تراه <> في القطعة. في هذه الحالة ، يمكنك وضع القطعة خارج صفحة الويب على لوحة اللصق وستظل تعمل. بهذه الطريقة لا تتداخل مع أي محتوى ستضعه على الصفحة.
04 من 05كيفية إضافة فيديو واختبار صفحة في Adobe Muse CC
على الرغم من أنك أضفت الرمز الذي سيشغل مقاطع الفيديو ، فلا يزال موسى لا يملك أي فكرة عن مكان وجود مقاطع الفيديو هذه. لإصلاح هذا ، حدد ملف> اضافة ملفات للتحميل. عندما مربع حوار التحميل يفتح الانتقال إلى المجلد الذي يحتوي على مقاطع الفيديو الخاصة بك ، ثم حددها وانقر فوق افتح. للتأكد من تحميلها ، افتح لوحة الأصول ويجب أن ترى الفيديو الخاص بك. فقط اتركهم في اللوحة. لا يلزم وضعها على الصفحة.
لاختبار مشروع حدد ملف> معاينة الصفحة في المتصفح أو لأن هذه صفحة واحدة ، ملف> معاينة الموقع في المتصفح. سيتم فتح المتصفح الافتراضي وسيبدأ تشغيل الفيديو - في حالتي عاصفة مطيرة استوائية.
في هذه المرحلة ، يمكنك التعامل مع ملف Muse كصفحة ويب عادية وإضافة محتوى إلى الصفحة الرئيسية وسيتم تشغيل الفيديو أسفله.
05 من 05كيفية إضافة إطار ملصق فيديو في Adobe Muse CC
هذا هو الويب الذي نتحدث عنه هنا ، واعتمادًا على سرعة الاتصال ، هناك فرصة جيدة أن يقوم المستخدم بفتح الصفحة والتحديق في شاشة فارغة أثناء تحميل الفيديو. هذا ليس شيئا جيدا. إليك كيفية التعامل مع هذا الشيء من القبح.
إنها "أفضل ممارسة" لتضمين إطار ملصق للفيديو ، والذي سيظهر أثناء تحميل الفيديو. هذه عادةً لقطة شاشة كاملة الحجم لإطار من الفيديو.
لإضافة إطار الملصق ، انقر مرة واحدة ملء المستعرض في الجزء العلوي من الصفحة. انقر على رابط الصورة وانتقل إلى الصورة المراد استخدامها. في ال مناسب المنطقة ، حدد مقياس لملء وانقر فوق نقطة المركز في ال موضع منطقة. سيعمل هذا على ضمان أن الصورة ستتغير دائمًا من مركز الصورة عند تغيير حجم إطار العرض الخاص بالمتصفح. سترى أيضًا الصورة التي تملأ الصفحة.
وهناك حيلة صغيرة أخرى هي أن يكون لونها بلون أبيض خالص فقط في حالة ما إذا استغرق إطار الملصق بعض الوقت ليظهر. للقيام بذلك انقر فوق رقاقة اللون لفتح Muse Color Picker. حدد أداة القطارة وانقر على اللون السائد في الصورة. عند الانتهاء ، انقر فوق الصفحة لإغلاق مربع الحوار "ملء المستعرض".
في هذه المرحلة ، يمكنك حفظ المشروع أو نشره.
يعرض الجزء الأخير من هذه السلسلة كيفية كتابة شفرة HTML5 التي تعرض الفيديو في خلفية صفحة الويب.
