رسانه ها (Media)
رسانه ها (Media) یعنی صدا، موسیقی، ویدیو و انیمیشن در وب. فایل ها پسوندهای مختلف دارند. بنابراین مرورگرها برخی فرمت ها را پخش می کنند و برخی نه. اینجا خیلی ساده، فرق فرمت ها را می گوییم و دو نمونه کوتاه می زنیم.
رسانه ها چیست؟
رسانه می تواند تصویر، موسیقی، صدا، ویدیو، فیلم یا انیمیشن باشد. صفحه های وب معمولاً چند نوع رسانه دارند. پس باید فرمت ها را بشناسیم.
فرمت های چندرسانه ای
نوع فایل را معمولاً از پسوند می فهمیم. مثال ها: .wav ، .mp3 ، .mp4 ، .mpg ، .wmv ، .avi. هر فرمت پشتیبانی متفاوتی دارد.
فرمت های ویدیویی رایج
در HTML فقط MP4، WebM و Ogg استاندارد هستند. MP4 تقریباً همه جا پشتیبانی می شود و در یوتیوب هم پیشنهاد می شود.
نمونه ویدیو در HTML
برای پوشش مرورگرها، چند منبع بده. مرورگر اولینِ قابل پخش را انتخاب می کند.
<video controls width="480" height="270">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<source src="movie.ogv" type="video/ogg">
مرورگر شما از پخش ویدیو پشتیبانی نمی کند.
</video>
فرمت های صوتی رایج
در HTML فقط MP3، WAV و Ogg استاندارد هستند. MP3 برای موسیقی فشرده رایج است. WAV روی سیستم ها خوب پخش می شود.
نمونه صوت در HTML
مثل ویدیو، برای صدا هم چند منبع بده تا سازگاری بیشتر شود.
<audio controls>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
<source src="song.wav" type="audio/wav">
مرورگر شما از پخش صوت پشتیبانی نمی کند.
</audio>
نکات سازگاری مرورگر
نکته: همه مرورگرها مثل هم نیستند. پسوند درست بده. همچنین متن جایگزین بگذار تا کاربر بی خبر نماند.
ارتباط با گرافیک وب
برای گرافیک برداری از بردارهای گرافیکی (SVG) استفاده کن. برای نقاشی پیکسلی درجا، بوم نقاشی (Canvas) مناسب است. مرجع کلی رسانه ها را هم نگه دار.
جمع بندی سریع
- ویدیو: MP4، WebM، Ogg استاندارد هستند.
- صوت: MP3، WAV، Ogg پشتیبانی می شوند.
- چند منبع بده تا سازگاری بهتر شود.
- متن جایگزین فراموش نشود.