آموزش صوتی و تصویری وب

مدرس Joseph Labrecque

انتشار 2019/04/19

به‌روز‌رسانی 2020/08/17

مدت زمان 1h 29m

سطح متوسط

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

آموزش Learning Web Audio and Video

نیاز به اشتراک‌گذاری ویدیو یا صدا در سایت‌های خود دارید، اما رها کردن آن در یوتیوب یا موتور پادکست گزینه‌ای نیست؟ فن‌آوری‌های وب بومی - HTML، CSS، و جاوا اسکریپت - پشتیبانی مستقیم از صدا و تصویر را فراهم می‌کنند و به شما امکان می‌دهند رسانه‌ها را ترکیب کنید و تجربه پخش را به طور کامل سفارشی کنید. این دوره مقدماتی با مربی جوزف لابرک به شما کمک می کند تا صدا و تصویر تعاملی را در وب سایت ها و برنامه های خود بسازید. ابتدا اصول عناصر رسانه ای HTML5 و ویژگی های آنها را مرور کنید. سپس نحوه جاسازی رسانه، پشتیبانی از بک گراند و تنظیم اندازه، صدا و سایر تنظیمات مهم را بیابید. سپس، یاد بگیرید که چگونه رابط‌ها را سفارشی کنید تا ظاهر و عملکرد پخش‌کننده خود را در مرورگرهای مختلف استاندارد کنید. بعلاوه، بیاموزید که چگونه تجربه کاربری را با HTML5 Media API کاملا تعاملی کنید.

Front-end Development Interactive Web Content

Introduction

Build interactive audio and video into your websites and applications ()

What you should know ()

Use the exercise files ()

What's new in this update ()

1. Get Started with Web-Based Media

Set up your environment ()

Create a new document ()

Link to media content ()

Use embedded media ()

Challenge: Remove the iframe border ()

Solution: Remove the iframe border ()

2. Work with Audio Elements

Modify your document for audio ()

Specify an audio source ()

Specify multiple audio sources ()

Include fallback content ()

Additional audio attributes ()

Challenge: Increase audio accessibility with tags ()

Solution: Increase audio accessibility with tags ()

3. Work with Video Elements

Modify your document for video ()

Specify height and width ()

Use a poster image ()

Media accessibility ()

Challenge: Fill the background with looping video ()

Solution: Fill the background with looping video ()

4. Create Media Playback Controls

Disable default media controls ()

Add playback buttons ()

Include text elements ()

Create a progress bar ()

Challenge: Overlay the media controls ()

Solution: Overlay the media controls ()

5. Style Media Playback Controls

Define CSS styles in a document ()

Design your buttons ()

Style your text ()

Design your progress bar ()

Challenge: Use web fonts ()

Solution: Use web fonts ()

6. Work with the Media API

Overview of media API ()

Listen for Media events ()

Program button controls ()

Dynamic time display ()

Wire up the progress bar ()

Challenge: Show and hide the controls ()

Solution: Show and hide the controls ()

Conclusion

Further information ()

Ex_Files_Learning_Web_Audio_and_Video_Upd.zip (104.0 MB)

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

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

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

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

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

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

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

مسیرهای یادگیری آموزش آموزش صوتی و تصویری وب

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش Learning Web Audio and Video در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

HTML پایه و اساس ارائه محتوا در وب است. ساختارهای اصلی HTML، برچسب ها و عناصر، ساده هستند، اما واژگان کامل آن غنی و پیچیده است. یاد بگیرید که چگونه از طیف کامل عناصر HTML برای ایجاد تجربه های قدرتمند وب استفاده کنید.

آموزش آموزش صوتی و تصویری وب ، ایستگاه شماره 9 در مسیر یادگیری مهارت های خود را در HTML ارتقا دهید ، است.