آموزش HTML5 صوتی ، تصویری و WebRTC

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

مقدمه Introduction

• مقدمه ای بر HTML5 Media Introduction to HTML5 Media

اصول صوتی و تصویری Audio and Video Basics

• پشتیبانی Support

• ظروف و پیاده سازی Containers and Implementation

• HTML5 ویدئو با بازگشت HTML5 Video With Fallback

• تکلیف 1 - ساخت یک بازیکن Assignment 1 - Build a Player

• اختصاص پرونده های رسانه ای Assignment Media Files

• پروژه های مارک Mark's Projects

• تکلیف 1 - راه حل Assignment 1 – Solution

ابزار و پیکربندی Tools and Configuration

• ابزارها و خدمات Tools and Services

• تکلیف 2 - پیکربندی و رمزگذاری رسانه Assignment 2 - Configure and Encode Media

مقدمه ای بر API رسانه Introduction to the Media API

• play () ، pause () ، setMedia () و canPlayType () play(), pause(), setMedia(), and canPlayType()

• منابع API صوتی و تصویری Audio and Video API Resources

• ایجاد اولین پخش کننده صوتی Creating Your First Audio Player

• تکلیف 3 - یک پخش کننده ویدیو و صوتی سفارشی ایجاد کنید Assignment 3 - Create a Custom Video and Audio Player

بافر ، جستجو ، بارگیری مجدد و تجربه کاربر Buffering, Seeking, Preloading, and the User Experience

• بارگیری و بافر کردن Preloading and Buffering

• زمان جستجو ، قابل جستجو و نمایش Seeking, Seekable, and Displaying Time

• آناتومی نوار پیشرفت Anatomy of a Progress Bar

• لیست های پخش Playlists

• تکلیف 4 - اضافه کردن یک نوار پیشرفت عملکردی Assignment 4 - Adding a Functional Progress Bar

• تکلیف 4 - راه حل Assignment 4 – Solution

زیرنویس و نرخ پخش Subtitles and Playback Rate

• WebVTT WebVTT

• قابلیت ها و پشتیبانی WebVTT WebVTT Capabilities and Support

• منابع زیرنویس Subtitle Resources

• نرخ پخش Playback Rate

• تکلیف 5.5 - قابلیت پخش را به پخش کننده خود اضافه کنید Assignment 5.5 - Add playbackRate Capability to Your Player

• تکلیف 5.5 - راه حل Assignment 5.5 – Solution

Canvas و WebGL Canvas and WebGL

• بوم و فیلم Canvas and Video

• ایجاد جلوه های ساده Creating Simple Effects

• نمونه های بیشتر بوم More Canvas Examples

• تکلیف 6 - دستکاری رنگ Assignment 6 - Manipulating Color

• تکلیف 6 - راه حل Assignment 6 - Solution

WebRTC WebRTC

• معرفی و م Webلفه های WebRTC WebRTC Introduction and Components

• MediaStream API MediaStream API

• PeerConnection و DataChannel API PeerConnection and DataChannel API's

• منابع و منابع WebRTC WebRTC Support and Resources

• تکلیف 7 - WebRTC Assignment 7 – WebRTC

صوتی پیشرفته Advanced Audio

• محدودیت های صوتی و تصویری Audio and Video Limitations

• Web Audio API Web Audio API

• رویکرد مبتنی بر گره Node-Based Approach

• تکلیف 9 - استفاده از Audio API Assignment 9 - Using the Audio API

• مثالهای Web Audio API Web Audio API Examples

بسته شدن Wrap-Up

• نمونه های خلاقانه Creative Examples

• PopcornJS PopcornJS

• سالات مخاطبان Audience Questions

• بسته شدن Wrap-Up