صدا (Audio)
در صدا HTML منظورمان پخش صوت داخل صفحه است. تگ <audio> فایل صوتی را پخش می کند. بهتر است چند فرمت بدهیم. چون مرورگرها پشتیبانی شان فرق دارد. همین باعث پخش مطمئن تر می شود.
المان صدا در HTML
برای پخش صدا از تگ <audio> استفاده کن. ویژگی controls دکمه ها را نشان می دهد. چند <source> بده تا سازگاری بهتر شود.
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
مرورگر شما از تگ صدا پشتیبانی نمی کند.
</audio>
اتوبازپخش (Autoplay) و بی صدا
اتوبازپخش یعنی صدا خودکار شروع شود. اما بسیاری مرورگرها محدودش می کنند. نسخه ی بی صدا معمولاً اجازه دارد.
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
مرورگر شما از تگ صدا پشتیبانی نمی کند.
</audio>
نکته: در مرورگرهای کرومیوم، اتوبازپخش اغلب ممنوع است. اما اتوبازپخش بی صدا مجاز است.
برای شروع خودکار بی صدا، ویژگی muted را اضافه کن. این کار معمولاً پذیرفته می شود.
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
مرورگر شما از تگ صدا پشتیبانی نمی کند.
</audio>
فرمت ها و سازگاری
سه فرمت رایج داریم: MP3، WAV و OGG. همه مرورگرها MP3 را پخش می کنند. بیشتر مرورگرها WAV و OGG را هم پخش می کنند. برای پوشش بهتر، دو منبع بگذار.
صفحات مرتبط رسانه
برای نمایش فیلم، به ویدیو (Video) برو. مرور کلی رسانه را در رسانه ها (Media) ببین. اگر گرافیک برداری می خواهی، بردارهای گرافیکی (SVG) مناسب است.
جمع بندی سریع
- از <audio> با controls استفاده کن.
- چند <source> برای سازگاری بده.
- اتوبازپخش بی صدا معمولاً مجاز است.
- MP3 تقریباً همیشه پشتیبانی می شود.