مشکلات و راه حل:
نمایش صوت در HTML کار آسانی نیست!
شما باید بسیاری از ترفندهایی که قادر به پخش فایل های صوتی خود در همه مرورگرها هستند مانند (اینترنت اکسپلورر، کروم، فایرفاکس، سافاری، اپرا) و در تمام سخت افزار های (کامپیوتر شخصی، مکینتاش، آی پد، آی فون)اضافه کنید.
ساده ترین راه برای اضافه کردن صدا به سایت :
این نقش از پخش MP3 و انواع مختلف فرمت های دیگر بر می آید. شما می توانید آن را به صفحه خود پست کنید (یا وبلاگ) را با یک خط کد اضافه کنید.و به راحتی صفحه اچ تی ام ال خود را به یک لیست پخش حرفه ای تبدیل کنید.
مثال:
[html]
<html>
<body>
<p><a href="song.mp3">Play Song</a></p>
<p><a href="liar.wav">Play Text</a></p>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
</body>
</html>
[/html]
استفاده از پلاگین ها:
پلاگین برنامه کامپیوتری کوچک است که به گسترش قابلیت های استاندارد یک مرورگر وب می پردازد.
پلاگین ها را می توان برای مقاصد مختلف استفاده کرد.
ازآنها می توان برای نشان دادن موسیقی، نمایش نقشه ها، تایید شماره شناسه بانک خود، کنترل ورودی هاو…
استفاده کرد.
پلاگین ها را می توان به صفحات اچ تی ام ال با استفاده از تگ های object یا embed اضافه کرد.
پخش صدا در اچ تی ام ال:
با استفاده از کد زیر می توانید آهنگی را پخش کرد
[html]
<audio controls="controls" height="50px" width="100px">
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
<embed height="50px" width="100px" src="song.mp3" />
</audio>
[/html]
استفاده از عنصرembed:
هدف از تگ embed جاسازی عناصر چند رسانه ای در صفحات اچ تی ام ال است.
قطعه کد زیر نمایش یک فایل MP3 در صفحه وب جاسازی شده است.
به عنوان مثال:
[html]
<embed height="50px" width="100px" src="song.mp3" />
[/html]
مشکلات:
تگ embedدر HTML 4 ناشناخته است و این مسله باعث نامعتبر بودن صفحه خواهد شد.
اگر مرورگر شما از فرمت فایل پشتیبانی نکند، پخش صدا انجام نمی شود.
اگر شما فایل خود را به فرمت دیگری تبدیل کنید ممکن است در همه مرورگرها اجرا نشود.
استفاده از عنصر object:
هدف از تگ object جاسازی عناصر چند رسانه ای در صفحات اچ تی ام ال است.
قطعه کد زیر نمایش یک فایل MP3 در صفحه وب تعبیه شده است.
مثال:
[html]
<object height="50px" width="100px" data="song.mp3" />
[/html]
استفاده از عنصر audio:
عنصر audio عنصری در اچ تی ام ال 5 می باشد وناشناخته در HTML 4، اما در مرورگرهای جدید کار می کند.
مثال:
[html]
<audio controls="controls">
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
Your browser does not support this audio
</audio>
[/html]
در مثال بالا از یک فایل صوتی OGG که در فایرفاکس، اپرا و کروم کار می کند استفاده کردیم . برای کار های صوتی در اینترنت اکسپلورر و سافاری، یک فایل از نوع MP3 اضافه شده است.
استفاده از مدیا پلیر یاهو:
استفاده از مدیا پلیر یاهو یک رویکرد متفاوت است.شما به سادگی اجازه پخش آهنگ های خود را دارید.
به عنوان مثال:
[html]
<a href="song.mp3">Play Song</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
[/html]
استفاده از نرم افزار پخش یاهو رایگان است. برای استفاده از آن تکه کدی از جاوا اسکریپت در پایین صفحه قرار داده شده :
[html]
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
[/html]
صدا های درون خطی:
هنگامی که صدا در یک صفحه وب گنجانده شده، و یا به عنوان بخشی از یک صفحه وب، آن را صدا های درون خطی می نامند.
اگر شما قصد استفاده از صداهای درون خطی در برنامه های کاربردی تحت وب خود دارید،به یاد داشته باشید که بسیاری از مردم صدای خطی آزار دهنده را پیدا می کنند.همچنین توجه داشته باشید که برخی از کاربران ممکن است گزینه صدای درون خطی در مرورگرشان غیر فعال باشد.
