یادگیری فعال: جاسازی صوتی و تصویری خود را

برای این یادگیری فعال ، ما (به طور ایده آل) دوست داریم شما به دنیای بیرون بروید و برخی از فیلم و صدا خود را ضبط کنید - اکثر تلفن های این روزها به شما امکان ضبط صدا و فیلم را به راحتی می دهند ، و به شرط آنکه بتوانید آن را انتقال دهید. به رایانه خود می توانید از آن استفاده کنید. ممکن است لازم باشد که در مورد ویدیو و MP3 و Ogg در صورت صوتی ، تبدیل به یک WebM و MP4 کنید ، اما برنامه های کافی در آنجا وجود دارد که به شما امکان می دهد بدون مشکل زیاد این کار را انجام دهید ، از جمله Miro Video Converter و Audacity . ما دوست داریم که شما بروید!

اگر قادر به تهیه منبع ویدیویی یا صوتی نیستید ، در صورت تمایل می توانید از نمونه فایلهای صوتی و تصویری ما برای انجام این تمرین استفاده کنید. همچنین می توانید از کد نمونه ما برای مرجع استفاده کنید.

ما می خواهیم شما:

فایل های صوتی و تصویری خود را در یک فهرست جدید در رایانه ذخیره کنید.
یک فایل HTML جدید در همان فهرست ایجاد کنید ، به نام index.html.
اضافه کردن <audio>و <video> عناصر به صفحه. آنها را به نمایش کنترل های پیش فرض مرورگر تبدیل کنید.
به هر دو <source> عنصر بدهید تا مرورگرها فرمت صوتی را که از بهترین پشتیبانی پشتیبانی می کنند پیدا کنند و بارگذاری کنند. اینها باید شامل type ویژگیها باشند.
به این <video>عنصر پوستری بدهید که قبل از شروع پخش فیلم نمایش داده می شود. از ایجاد گرافیک پوستر خود لذت ببرید.
برای کسب جایزه اضافی ، می توانید در جستجوی آهنگ های متنی تحقیق کنید و نحوه اضافه کردن برخی زیرنویس ها به ویدیوی خود را بدست آورید.