برای قرار دادن صدا و موزیک در صفحه دو راه وجود دارد: راه اول این است که شما می توانید یک لینک به فایل موزیک ایجاد کنید تا افراد بتوانند آنرا دانلود کنند و سپس به آن گوش دهند. راه دوم جاسازی کردن موزیک در صفحه است.
برای قرار دادن صدا و موزیک در صفحه دو راه وجود دارد: راه اول این است که شما می توانید یک لینک به فایل موزیک ایجاد کنید تا افراد بتوانند آنرا دانلود کنند و سپس به آن گوش دهند. راه دوم جاسازی کردن موزیک در صفحه است.
در ابتدا به اولین روش می پردازیم:
فرض کنید می خواهیم یک فایل صوتی با نام
example.midرا در صفحه قرار دهیم. در صورتی که فایل در همان پوشه صفحه قرار داشته باشد می توانیم به این صورت عمل کنیم:
<
a href="example.mid">متن لینک موزیک</
a>
به این طریق می توان یک لینک به یک فایل موزیک ایجاد کرد. در این مثال ما از یک فایل
MIDIاستفاده کردیم، همین کار را می توان با فایلهایی با پسوند،
wavو
audو اغلب فرمتهای صوتی انجام داد. کاربر پس از باز شدن صفحه لینکی مشابه زیر را خواهد دید که با کلیک کردن بر روی آن دانلود فایل موزیک شروع می شود.
متن لینک موزیک
احتمالاً پس از اتمام داتلود فایل پنجره جدیدی باز می شود و شروع به پخش فایل می کند. کاربر بسته به
plug-inهایی که دارد ممکن است توانایی جلو و عقب بردن موزیک و متوقف کردن آنرا نیز داشته باشد. در این حالت کاربر توانایی ذخیره فایل صوتی را مانند یک تصویر دارد. کاربر می تواند پنجره جدید را ببندد و به ادامه بازدیدش از سایت بدون صدای موزیک بپردازد. مشکل این روش این است که کاربر باید لینک موزیک را کلیک کند و صبر کند تا آن دانلود شود. البته این مسئله در مواقعی که شما آهنگهای زیادی در صفحه خود دارید می تواند به کاربر کمک کند تا آهنگ مورد علاقه خود را پیدا کند.
جاسازی موزیک در صفحه:
این روش برای پخش یک آهنگ در صفحه روش مناسبی است چون به کاربر اختیارات بیشتری نسبت به یک لینک می دهد. در این روش می تان رابط صدا در صفحه را طوری تنظیم کرد که به صورت خودکار شروع به پخش موزیک کند و یا موزیک را تکرار کند یا آنرا فقط یک بار پخش کند. برای اجرای این روش باید از تگ
EMBEDاستفاده کنید. این تگ مانند تگ عکس مورد استفاده قرار می گیرد. ابتدا باید منبع صدا را مشخص کنیم و بعد در صورت نیاز به تگ فرمانهایی را بافزاییم.
برای نمونه به تگ زیر نگاه کنید:
<
embed src="example.mid">
این تگ به مرورگر می گوید تا فایل صوتی را همان جایی که شما تگ را قرار داده اید در صفحه قرار دهد. در این روش نیز شما مجبور نیستید صرفاً از فایلهای
MIDIاستفاده کنید و می توانید از فرمتهای دیگر استفاده کنید. همانطور که می بینید در این تگ فرمان " "=
srcمشخص کننده محل قرار گیری فایل صوتی در سایت شما است. شما می توانید از آدرس کامل فایل در اینجا استفاده کنید یا اگر فایل و صفحه ای که می خواهید فایل در آن شنیده شود در یک پوشه هستند می توانید از نام فایل استفاده کنید.
برای مثال در این روش شما چیزی شبیه این را خواهید دید:
شما می توانید به این تگ فرمانهایی اضافه کنید تا بهتر بتوانید صدای خروجی همچنین ظاهر صفحه را کنترل کنید. در اینجا تعدادی از این فرمانها آورده شده است که می توانید از آنها استفاده کنید:
· width:
این فرمان تعیین کننده عرض فایل صوتی در صفحه است. شما با قرار دادن یک عدد در مقیاس پیکسل بین دو دابل کوت این فرمان می توانید تعیین کنید فایل شما با چه میزان عرض در صفحه به نمایش درآید.
· height:
این فرمان تعیین کننده ارتفاع فایل صوتی در صفحه است. شما با قرار دادن یک عدد در مقیاس پیکسل بین دو دابل کوت این فرمان می توانید تعیین کنید فایل شما با چه میزان ارتفاع در صفحه به نمایش درآید. معمولاً برای این فرمان از ارتفاع 60 پیکسل استفاده می شود.
· "autostart="true:
مرورگر را وادار می کند تا بلافاصله پس از بارگذاری صفحه شروع به پخش فایل صوتی کند. شما می توانید این گزینه را با قرار دادن مقدار falseبه جای trueغیر فعال کنید. معمولاً این گزینه به طور پیش فرض غیر فعال است.
· "loop="true:
این فرمان مرورگر را وادار می کند پس از به اتمام رسیدن فایل دوباره از اول آنرا اجرا کند، و این عمل تا هنگامی که صفحه باز است یا کاربر دکمه توقف را کلیک نکرده است ادامه پیدا می کند. شما می توانید با قرار دادن falseبه جای trueاین گزینه را غیر فعال کنید. البته معمولاً این گزینه به صورت پیش فرض غیر فعال است.
· "hidden="true:
این فرمان به مرورگر دستور مخفی کردن رابط گرافیکی پخش صدا را می دهد. در این صورت کاربران نمی توانند برنامه ای را که صدا را پخش می کند و همچنین دکمه های کنترل آنرا ببینند. در این صورت صدا تا زمانی که به پایان نرسیده یا تا زمانی که تنظیم شده باشد پخش می شود و کاربر نمی تواند از پخش آن جلوگیری کند. این گزینه با قرار دادن falseبه جای trueغیر فعال می شود. به صورت پیش فرض هم این گزینه غیر فعال است.
اگر می خواهید نمونه ای از یک فایل صوتی را که با استفاده تمام فرمانهای بالا در صفحه قرار داده شده ببینید لینک زیر را کلیک کنید:
ورود به صفحه جدید برای پخش موزیک
این هم تگ سازنده مثال بالا:
<embed src="example.mid" width="300" height="60" autostart="true" loop="true" hidden="true">