آموزش ارائه ویدئو در تجارب وب

سرفصل ها و درس ها

مقدمه Introduction

• تجارب ویدئویی وب را طراحی کنید Design web video experiences

• فایل های تمرینی Exercise files

1. قالب های ویدئویی وب 1. Web Video Formats

• تاریخ History

• مرورگرها Browsers

• قالب MP4 MP4 format

• WebM WebM

• 3GP 3GP

• M4V M4V

2. رمزگذاری ویدیو 2. Encoding Video

• لوله The pipe

• نمای کلی رمزگذار Adobe Adobe Media Encoder overview

• رمزگذاری MP4 Encoding an MP4

• مبدل فیلم Miro Miro Video Converter

• دستگیره HandBrake

• رمزگذاری از Adobe Premiere Encoding from Adobe Premiere

• Fnordware Fnordware

3. HTML5 و Video 3. HTML5 and Video

• عنصر ویدیو The video element

• ویژگی منبع The source attribute

• پخش خودکار Autoplay

• افزودن کنترل Adding controls

• منابع محتوای جایگزین Alternate content sources

• قاب پوستر Poster frame

• تغییر اندازه ویدئو Resize video

• حلقه ویدیو Looping video

4. فیلم و CSS 4. Video and CSS

• فیلم در یک جعبه Video in a box

• استفاده از کدورت Applying opacity

• بسته بندی متن Text wrap

• یک شیب اعمال کنید Apply a gradient

• یک فیلم بچرخانید Rotate a video

• یک فیلم را تحریک کنید Animate a video

5. بازی با ویدئو 5. Playing with Video

• پیش زمینه فیلم: After Effects Background video: After Effects

• پیش زمینه فیلم: Premiere Background video: Premiere

• کد ویدیوی پس زمینه Background video code

• زیرنویس ویدیو Captioning video

• سینماژور: فتوشاپ Cinemagraph: Photoshop

• GIF متحرک Animated GIF

• کنترلرهای شخص ثالث Third-party controllers

• آماده شدن برای رسانه های اجتماعی Preparing for social media

• برای صفحه فیس بوک خود ویدیویی بسازید Create a video for your Facebook page

• با استفاده از پیوند پویا Using Dynamic Link

نتیجه Conclusion

• مراحل بعدی Next steps