آموزش پخش فیلم و صوت در صفحات html

درابتدا بهتر است بدانیم مفهوم مولتی مدیا چیست ؟

به چه فایل ها و فرمت هایی مالتی مدیا میگویند ؟ مالتی مدیا فرمت های زیادی را شامل می شود و تقریبا هر چیزی که می شنوید یا می بینید مانند متن، عکس، موزیک، صدا، ویدئوها، موارد ضبط شده، فیلم ها، انیمیشن ها و ... را شامل می شود. برای تشخیص فایل مدیا بهتر است به پسوند آن نگاه کنیم. عناصر مولتی مدیا پسوند های مختلفی از جمله swf، .wmv، .mp3. و mp4. را میتوانند داشته باشند.

گاهی اوقات تمایل دارید که موسیقی یا ویدئوی خاصی را به صفحه ی وب خود اضافه کنید. ساده ترین راه برای افزودن صدا یا ویدئو به وب سایت در html ، استفاده از تگ معروف HTML به نام <embed> می باشد.

این تگ باعث می شود که مرورگر به طور خودکار کنترل هایی را برای مولتی مدیا (چندرسانه ای) در نظر بگیرد ، که مرورگر مورد استفاده تگ < embed> و نوع مدیای ارائه شده را پشتیبانی می کند.
همچنین می توانید یک تگ <noembed> برای مرورگرهایی وارد کنید که تگ <embed> را نمی شناسند.

به عنوان مثال می توانید از تگ <embed> برای نمایش یک فیلم به انتخاب خود استفاده کنید واگر مرورگر تگ <embed> را پشتیبانی نمی کند، از تگ <noembed> برای نمایش یک تصویر JPG مجزا استفاده کنید.

مثال :

مشخصه های تگ <embed>

در زیر لیستی از ویژگی های مهمی را می بینید که توسط تگ <embed> به کار گرفته می شود :

Align : تعیین میکند که چگونه یک آبجکت قابل تنظیم است . یک آبجکت هم در مرکز هم چپ و هم راست قابل تنظیم است.
Autostart : این ویژگی بولین (دو حالتی ، صفر و یک) نشان میدهد که آیا مدیا باید به طور خودکار شروع به کار کند یا نه ؛ پاسخ آن به صورت درست یا غلط ارسال میشود.
Loop : تعیین میکند که آیا یک صدا باید متداول تکرار شود ( لوپ یا حلقه را روی true تنظیم کنید ) یا چندبار تکرار شود (روی یک مقدار مثبت تنظیم شود) یا اصلا تکرار نشود ( لوپ روی false تنظیم شود)
Playcount : تعداد دفعاتی که یک صدا باید تکرار شود را تعیین میکند ؛ این گزینه جایگزینی برای لوپ در اینترنت اکسپلورر می باشد.
Hidden : این مشخصه دو مقدار true و false را میگیرد و مشخص می کند یک مولتی مدیا باید روی صفحه نمایش داده شود یا خیر .
Width : عرض یک آبجکت را با مقیاس پیکسل مشخص میکند .
Height : طول یک آبجکت را با مقیاس پیکسل معین میکند.
Name : نام اشاره گر به آبجکت را مشخص میکند.
Src : آدرس جایی که آبجکت قرار است در آن جاسازی شود.
Volume : همانطور که از اسم مشخص است میزان صدا را کنترل میکند که این میزان میتواند از مقدار صفر تا صد باشد. صفر قطع صدا و صد بیشترین میزان صدا می باشد.

ویدیو های قابل پشتیبانی :

می توانید از انواع مدیاهای مختلفی مانند فایل های flash movies، AVi و MOV در داخل تگ embed استفاده کنید.

فایل های swf فایل هایی هستند که با برنامه ی macromedia’s flash تولید می شوند.
فایل های wmv انواع فایل های تصویری ویندوز مایکروسافت می باشند.
فایل های mov فرمت Quick time movie در اپل.
فایل های mpeg فایل های تصویری هستند که توسط گروه تخصصی تصاویر متحرک (Moving Pictures Expert Group) ایجاد می شوند.

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed Tag</title>
   </head>

</html>

صدای پس زمینه :

شما می توانید از تگ bgsound در برای اجرای صدا در زمینه ی صفحه ی وب خود استفاده کنید. منظور این است که وقتی کاربری به سایت شما مراجعه کرد ، همزمان با بارگزاری صفحه برای او موسیقی ای پخش شود.

متاسفانه این تگ فقط توسط اینترنت اکسپلورر پشتیبانی می شود و دیگر مرورگرها آن را نادیده می گیرند. زمانی که صفحه اصلی وب در ابتدا توسط کاربر دانلود شده و نمایش داده می شود، این تگ یک فایل صدا را دانلود کرده و اجرا می کند. همچنین هروقت کاربر مرورگر را تازه سازی کند، صدای زمینه نیز دوباره اجرا خواهد شد. این تگ میتواند تنها دو ویژگی زیر را شامل شود :

loop و src

همانطور که در بالا توضیح داده شد هر دوی این ویژگی ها دارای یک معنا می باشند.
در اینجا مثال ساده ای از اجرای فایل کوچک midi را می بینید :

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed Tag</title>
   </head>

   <body>
      <bgsound src = "/html/yourfile.mid">
         <noembed><img src = "yourimage.gif" ></noembed>
      </bgsound>
   </body>

</html>

این مثال یک صفحه ی خالی تولید خواهد کرد. این تگ هیچ مولفه ای را اجرا نمی کند و مخفی باقی می ماند.
اینترنت اکسپلورر نیز تنها سه فرمت صدا را اجرا می کند:

wav فرمت داخلی کامپیوترها
au فرمت داخلی برای کار ابزارهای Unix
MIDI یک کد جهانی برای موسیقی.

نکته :
برچسب bgsound نامعتبر است و قرار است در نسخه آینده از HTML حذف شود. بنابراین نباید مورد استفاده قرار گیرد، بلکه پیشنهاد می شود از HTML5 برای اضافه کردن صدا استفاده کنید. در این فصل تگ bgsound را به تفصیل شرح خواهیم داد.

تگ object در HTML

HTML 4 عنصر <object> را معرفی می کند که یک راه حل چند منظوره برای وارد کردن آبجکت عمومی ارائه می دهد. تگ <object> به نویسندگان HTML اجازه می دهد تا هر چیز لازم را با یک آبجکت برای ارائه ی آن به یک کاربر، تعیین کند.

در این باب به دو نکته زیر توجه کنید: