ارائه ویدئو در تجربیات وب

مدرس Tom Green

انتشار 2022/05/02

مدت زمان 3h 34m

سطح مناسب همه

فایل تمرینی دارد

آموزش Delivering Video in Web Experiences

آیا می‌خواهید بهترین روش‌های فعلی برای تحویل ویدیو در وب را به‌روز نگه دارید؟ در این دوره، مربی تام گرین شما را با مجموعه‌ای از آخرین بهترین شیوه‌ها و تاریخچه زیربنای آنها راهنمایی می‌کند. تام با تاریخچه ویدیوهای وب شروع می کند، سپس مرورگرها و فرمت های رمزگذاری ویدیو را پوشش می دهد. او توضیح می دهد که چگونه یک ویدیو از وب سرور به مرورگر کاربر منتقل می شود و شما را از طریق چندین ابزار که می توانید برای رمزگذاری و تبدیل ویدیوها استفاده کنید راهنمایی می کند. تام در مورد عنصر ویدیوی HTML5، اعمال پخش خودکار، افزودن کنترل‌ها، تغییر اندازه ویدیوها و موارد دیگر بحث می‌کند. پس از گذر از فرآیند نمونه‌سازی اولیه و ابزارهایی که ممکن است در این فرآیند استفاده کنید، او به روش‌هایی می‌پردازد که می‌توانید از شیوه نامه‌های آبشاری (CSS) برای جلب توجه کاربر به محتوای ویدیویی استفاده کنید. به علاوه، تام به شما راه‌هایی را نشان می‌دهد که می‌توانید پس‌زمینه صفحه وب را به صورت ویدیوی تمام‌صفحه، اضافه کردن کپشن، ایجاد فیلم‌های سینمایی، تهیه ویدیو برای رسانه‌های اجتماعی و موارد دیگر به شما نشان دهد.

Web Video

Introduction

Design web video experiences ()

Exercise files ()

1. Encoding Video

History ()

Browsers ()

MP4 format ()

M4V format ()

2. HTML5 and Video

The pipe ()

Adobe Media Encoder overview ()

Encoding an MP4 ()

Miro Video Converter ()

Handbrake ()

Encoding from Adobe Premiere ()

Encoding from Adobe After Effects ()

Encoding a LottieFile ()

3. HTML5 and Video

The video element ()

The source attribute ()

Autoplay ()

Adding controls ()

Alternate content sources ()

Poster frame ()

Resize video ()

Looping video ()

Animated GIF ()

4. Video and UX Prototyping

Overview ()

Adobe Experience Design ()

Figma ()

Principle ()

UXPin ()

5. Video and CSS

Video in a box ()

Applying opacity ()

Text wrap ()

Apply a gradient ()

Rotate a video ()

Animate a video ()

6. Playing With Video

Background video in After Effects ()

Background video in Premiere ()

Background video code ()

Captioning video ()

Cinemagraph in Photoshop ()

Animated GIF ()

Third-party controllers ()

Preparing for social media ()

Create a video for your Facebook page ()

Using Dynamic Link ()

Create a PNG sequence with transparency for an animated GIF ()

Create a simple meme ()

Conclusion

Next steps ()

Ex_Files_Delivering_Video_in_Web_Experiences_Part_1.zip (2.3 GB)

Ex_Files_Delivering_Video_in_Web_Experiences_Part_2.zip (639.1 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.