پیشنهاد فرادرس

آموزش صدا ، ویدئو و WebRTC در HTML5

دسته بندی ها: آموزش های پلورال سایت (Pluralsight) ، آموزش طراحی وب ، آموزش HTML

آموزش-صدا-،-ویدئو-و-webrtc-در-html5

WebRTC چیست؟

WebRTC مخفف واژه Web Real Time Communications ارتباط بی درنگ تحت وب می باشد.

کاربرد WebRTC در ارتباط دو طرفه صوتی و تصویری در اپلیکیشن های تحت وب از طریق مرورگر می باشد.

در این دوره آموزشی از موسسه Pluralsight با نحوه کار کردن با صدا، تصویری و WebRTC در HTML5 آشنا می شوید.

سرفصل های دوره آموزشی:

  • مقدمه ای بر HTML5
  • کار با ویدئو در HTML5
  • تخصیص فایل های رسانه ای
  • ابزار و تنظیمات
  • پیکربندی و کدگذاری رسانه ها
  • مقدمه ای بر API
  • منابع صوتی در API
  • ایجاد یک فیلم سفارشی و پخش صوتی
  • Seekable و نمایش زمان
  • لیست های پخش
  • افزودن نوار پیمایش
  • قابلیت WebVTT و پشتیبانی آن
  • افزودن قابلیت playbackRate به دستگاه پخش
  • خلق جلوه های ساده
  • دستکاری رنگ
  • کار با WebRTC
  • پشتیبانی WebRTC
  • تخصیص WebRTC
  • کار با وب سایت در API
  • استفاده از API های صوتی
  • وب سایت های نمونه API
  • کار با PopcornJS

عنوان دوره آموزشی: HTML5 Audio, Video, and WebRTC سطح: متوسط مدت زمان: 5 ساعت و 10 دقیقه نویسنده: Mark Boasلیست سرفصل های دوره آموزشی:

HTML5 gives us power beyond what we've had before through native APIs in the browser delivering rich media, realtime effects and communication. In this course, you'll get hands-on examples of building your own media players on top of HTML5 APIs. You'll dive into camera support with getUserMedia, WebRTC for realtime communication, video effects with canvas, and get introduced to the Web Audio API for low-level audio support.

Introduction 00:12:42 Introduction to HTML5 Media 12:42 Audio and Video Basics 00:38:24 Support 04:25 Containers and Implementation 09:04 HTML5 Video With Fallback 06:26 Assignment 1 - Build a Player 04:10 Assignment Media Files 04:49 Mark's Projects 07:59 Assignment 1 – Solution 01:27 Tools and Configuration 00:11:33 Tools and Services 05:38 Assignment 2 - Configure and Encode Media 05:54 Introduction to the Media API 00:24:02 play(), pause(), setMedia(), and canPlayType() 07:07 Audio and Video API Resources 10:01 Creating Your First Audio Player 03:35 Assignment 3 - Create a Custom Video and Audio Player 03:18 Buffering, Seeking, Preloading, and the User Experience 00:37:30 Preloading and Buffering 05:24 Seeking, Seekable, and Displaying Time 07:43 Anatomy of a Progress Bar 06:10 Playlists 04:12 Assignment 4 - Adding a Functional Progress Bar 10:57 Assignment 4 – Solution 03:02 Subtitles and Playback Rate 00:34:52 WebVTT 06:54 WebVTT Capabilities and Support 05:52 Subtitle Resources 08:24 Playback Rate 05:02 Assignment 5.5 - Add playbackRate Capability to Your Player 03:24 Assignment 5.5 – Solution 05:13 Canvas and WebGL 00:45:51 Canvas and Video 12:39 Creating Simple Effects 05:02 More Canvas Examples 09:51 Assignment 6 - Manipulating Color 08:19 Assignment 6 - Solution 09:58 WebRTC 00:41:26 WebRTC Introduction and Components 08:59 MediaStream API 06:59 PeerConnection and DataChannel API's 05:51 WebRTC Support and Resources 08:40 Assignment 7 – WebRTC 10:55 Advanced Audio 00:25:51 Audio and Video Limitations 06:36 Web Audio API 09:16 Node-Based Approach 03:29 Assignment 9 - Using the Audio API 01:26 Web Audio API Examples 05:01 Wrap-Up 00:37:58 Creative Examples 09:58 PopcornJS 08:52 Audience Questions 05:42 Wrap-Up 13:25

حجم فایل: 1.98GB

آیا این نوشته را دوست داشتید؟
Pluralsight HTML5 Audio Video and WebRTC

پیشنهاد فرادرس