آموزش تعاملی ویدئویی و صوتی HTML5

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع شدن Getting Started

• به دوره خوش آمدید Welcome to the Course

• کار با نمونه پرونده ها Working with the Sample Files

• نمونه پروژه های نمایشی Demo Project Examples

• کاوش در پرونده های شروع کننده پروژه Exploring the Project Starter Files

• راه اندازی ویدئو HTML5 Setting up HTML5 Video

• تنظیم HTML5 Audio Setting up HTML5 Audio

• آموزش اصول Bootstrap Modals Learning the Basics of Bootstrap Modals

• بهینه سازی صدا و تصویر Optimizing Audio and Video

راه اندازی رویدادهای ویدئویی پایه HTML5 Triggering Basic HTML5 Video Events

• معرفی ماژول Module Introduction

• کاوش رویدادهای ویدیویی Exploring Video Events

• راه انداز رویدادها در صفحه بارگذاری شده Triggering Events on Page Loaded

• کد شلیک هنگام آماده شدن فیلم Firing Code When Video Is Ready

• آموزش استفاده از بازی ، مکث و رویدادهای پایان یافته Learning to Use Play, Pause, and Ended Events

• ایجاد کنترل های پخش کننده سفارشی Creating Custom Player Controls

• راه اندازی یک حالت عادی هنگام مکث ویدیو Triggering a Modal When Video Is Paused

• شروع یک رویداد هنگام جستجوی فیلم Trigging an Event When Video Is Seeking

• با بروزرسانی زمان ، رویدادها را فعال کنید Trigging Events When Time Updates

دسترسی و استفاده از خصوصیات رسانه تصویری HTML Accessing & Using HTML Video Media Properties

• معرفی ماژول Module Introduction

• تنظیم میزان صدا Adjusting the Video Volume

• ایجاد یک منوی ویدئو Creating a Video Menu

• پریدن به یک نقطه دقیق در فیلم Jumping to an Exact Point in the Video

• تغییر منبع ویدیو Changing the Video Source

• نمایش س Quesالات در برخی از نکات Showing Questions at Certain Points

• رقم زدن در نیمه راه با مدت زمان فیلم Figuring Out Halfway with Duration of Video

• ایجاد یک نقطه اتصال بر روی ویدیو Creating a Hotspot Over the Video

• متحرک سازی محتوای در کنار ویدیو Animating Content Alongside Video

شخصی سازی پخش کننده ویدیو با VideoJS Customizing the Video Player with VideoJS

• معرفی ماژول Module Introduction

• راه اندازی VideoJS Setting up VideoJS

• تغییر پخش کننده پیش فرض Changing the Default Player

• کاوش رویدادهای VideoJS Exploring VideoJS Events

• کاوش روشهای VideoJS Exploring VideoJS Methods

• افزودن به پخش کننده VideoJS Adding to the VideoJS Player

• راه اندازی رویدادهای جدول زمانی با VideoJS Triggering Timeline Events with VideoJS

• به اشتراک گذاری VideoJS Themed Player شما Sharing Your VideoJS Themed Player

راه اندازی رویدادهای اصلی صوتی HTML5 Triggering Basic HTML5 Audio Events

• معرفی ماژول Module Introduction

• کد شلیک هنگام آماده سازی صدا Firing Code When Audio Is Ready

• سبک کردن پخش کننده صوتی Stylizing the Audio Player

• ایجاد نوار پخش صوتی Creating the Audio Playbar

• مرور مجدد موارد پخش ، مکث و پایان رویدادهای صوتی Revisiting Play, Pause, and Ended Events for Audio

• خواندن لیست فایلهای صوتی از JSON Object Reading List of Audio Files from JSON Object

• ایجاد کنترل های صوتی سفارشی Creating Custom Audio Controls

• هنگام به روزرسانی زمان صوتی ، یک رویداد را فعال کنید Trigger an Event When Audio Time Updates

• به روزرسانی Playbar Updating the Playbar

دسترسی و استفاده از ویژگیهای رسانه صوتی HTML5 Accessing & Using HTML5 Audio Media Properties

• معرفی ماژول Module Introduction

• تنظیم سرعت صدا Adjusting Audio Speed

• ایجاد یک منوی صوتی Creating an Audio Menu

• تغییر منبع صوتی Changing the Audio Source

• ایجاد یک منوی اسکریپت Creating a Script Menu

• برجسته کردن قسمت های اسکریپت هنگام پخش صوتی Highlighting Parts of Script While Audio Plays

• حلقه انیمیشن هنگام پخش صدا Looping Animation While Audio Is Playing

• راه اندازی یک رویداد پس از اتمام صدا Triggering an Event When Audio Finishes

سفارشی کردن رویدادهای صوتی با HowlerJS Customizing Audio Events with HowlerJS

• معرفی ماژول Module Introduction

• اتصال HowlerJS Connecting HowlerJS

• دلایل HowlerJS Reasons for HowlerJS

• کاوش روش های Howler (بازی ، مکث) Exploring Howler Methods (Play, Pause)

• بررسی گزینه های مختلف زوزه کش Exploring Various Howler Options

• کاوش رویدادهای Howler (Onload ، Onplay ، Onend) Exploring Howler Events (Onload, Onplay, Onend)

• کنترل همزمان چندین فایل صوتی Controlling Multiple Audio Files at Once

• کاوش در اثرات زوزه (کمرنگ ، جستجو و میزان) Exploring Howler Effects (Fades, Seek, and Rate)

• Chaining Audio Together Chaining Audio Together

• راه اندازی رویدادها در به روزرسانی زمان Triggering Events on Time Update

• قسمتهای صوتی را پخش کنید Play Portions of the Audio

نتیجه Conclusion

• معرفی ماژول Module Introduction

• کاوش در API های جریان ویدیو Exploring Video Streaming APIs

• در حال آزمایش API های YouTube Testing out YouTube APIs

• چه موارد دیگری با VideoJS کاوش می شود What Else to Explore with VideoJS

• چه چیز دیگری با HowlerJS کاوش کنید What Else to Explore with HowlerJS

• نتیجه گیری دوره Course Conclusion