طراحی سایت

در پست های گذشته انواع راه های درج صوت  را معرفی کردیم و معایب و نحوه استفاده از object، bgsound و embedرا نیز بررسی کرده ایم. در این قسمت از آموزش ها قصد بررسی audio برای درج یک صوت در وب سایت را داریم. در html5 همانطور که گفته شد قابلیت های جدیدی اضافه شده است که شما راقادر به کارهای زیادی میکند یکی از این کارها درج صوت و پلیر با استفاده از audio میباشد. تگ audio یک پلیر کامل برای شما ایجاد میکند که نمیتوانید به آن استایل بدهید و در مرورگرهای قدیمی نیز کار نمیکند و البته مرورگرهای مختلف فایل های صوتی مختلفی را پشتیبانی میکنند و شما مجبورید چند فایل صوتی آپلود کنید.   برای استفاده از این تگ کافیست در آن را در بخشی از وب سایت درج کرده و خاصیت src آن را با آدرس فایل صوتی خودتان ست کنید. مشخصه دیگر این تگ preload میباشد که مشخص میکند زمانی که سایت لود میشود فایل های شما نیز لود شوند یا زمانی که کاربر کلیک میکند فایل های شما لود شود. برای لود شدن در زمان لود سایت از مقدار auto و برای لود شدن در زمان کلیک کاربر برای پخش مقدار none را به preload نسبت بدهید. <audio src="1202.mp3" preload="auto"></audio>   نکته های پست: برای اینکه چند فایل را در صفحه خود آپلود کنید نمیتوانید تگ audio را به صورت معمولی استفاده کنید. از تگ audio به نحو دیگری نیز میتوان استفاده کرد. برای بارگذاری چند فایل در ابتدا باید تگ audio را نوشته و بعد از آن مشخصهcontrols نیز به صورت تنها استفاده کنیم. حالا با استفاده از تگ source میتوانیم آدرس فایل ها را در مشخصه src این تگ وارد کرده اما در اینجا شما باید نوع فایل را نیز مشخص کنید. برای اینکار کافیست مشخصه type آن را با مقادیر audio/mpeg برای mp3 ، audio/ogg برای Ogg  و audio/wav برایWav. در قسمت بعدی نحوه استایل دهی به پلیر با استفاده از اسکریپت را بررسی میکنیم. ,audi ...ادامه مطلب