آموزش طراحی وب

عناصر مدیا در HTML

در این جلسه از آموزش شما با عناصر مالتی مدیا آشنا خواهید شد .

تگ های مدیا در HTML

فصل دوم (عناصر HTML4)

جلسه هفتم (معرفی تگ های مدیا در HTML)

 

اجرای ویدئو ها و صوت ها با <object></object>

هدف از تگ <object> پشتیبانی از پلاگین هایی مثل Adobe Flash Player  و QuickTime تو مرورگرها و اینترنت است . این پلاگین ها به شما اجازه میدن که روی ویدئوها و یا صوت ها کنترل هایی رو اعمال کنید که کاربر بتونه براحتی اون هارو به اختیار خودش کنترل کنه . مثلا کنترل هایی مثل volume, rewind, forward, pause, stop و play .

<object></object> : از تگ object  برای استفاده از چندرسانه ای ها مانند : audio, video, Java applets ActiveX, PDF,Flash در صفحات وب سایت استفاده میکنند. اما در صورتی که پلاگین flash player روی مرورگر نصب نباشه فایل قابل پخش نخواهد بود.

همچنین برای جاسازی یک صفحه وب دیگر در سند HTML  میتوان از آن استفاده کرد. برای آشنایی بیشتر با نحوه ی کاربرد این تگ به مثال های زیر توجه کنید :

اجرای Sound و  Audio ها با تگ های مدیا

اجرای audio ها توی HTML کار ساده ای نیست . شما باید تکنیک های زیادی بلد باشید تا بتونید audio رو بدون مشکل توی HTML درج کنید طوری که توی همه ی مرورگرها (Internet Explorer, Chrome, Firefox, Safari, Opera) اجرا بشه . در ادامه شما راه های مختلفی رو یاد میگیرید.

استفاده از <embed> :

کد زیر یک فایل mp3 رو به HTML اضافه می کنه :

 مشکلات احتمالی  :

– مرورگرهای مختلف از فرمت های مختلف پشتیبانی می کنن.

– اگر مرورگری فرمت فایل درج شده رو پشتیبانی نکنه ، اجرای فایل audio بدون پلاگین نصب شده امکان پذیر نیست .

استفاده از <object> :

کد زیر هم یک فایل mp3 به فایل html اضافه می کنه :

 مشکلات احتمالی :

– مرورگرهای مختلف از فرمت های مختلف پشتیبانی می کنن.

– اگر مرورگری فرمت فایل درج شده رو پشتیبانی نکنه ، اجرای فایل audio بدون پلاگین نصب شده امکان پذیر نیست .

 استفاده از <audio> :

این تگ در HTML4 هم پشتیبانی میشه که از دو فرمت mp3 و  ogg استفاده می کنه . تو مرورگرهای Internet Explorer, Chrome, Firefox 21+, and Safari فرمت mp3 اجرا میشه و تو firefox های قدیمی و opera فرمت ogg اجرا میشه و اگر هیچ کدوم پشتیبانی نشن متنی نمایش داده میشه که بیان گر اینه که مرورگر شما این فرمت رو پشتیبانی نمیکنه .

به مثال زیر دقت کنید :

 مشکلات احتمالی :

– شما باید فایل audio رو به فرمت های مختلف تبدیل کنید .

– تگ <audio> تو مرورگرای قدیمی پشتیبانی نمیشه.

استفاده ترکیبی از <audio> و <embed> :

در این روش در صورتی که تگ  audio شناسایی نشه ، تگ  embed وارد عمل میشه و اجرا میشه :

  مشکلات احتمالی :

– در این روش هم باید شما فایل audio رو به دو فرمت مختلف تبدیل کنید.

– در صورتی که هیچ کدوم از فرمت ها اجرا نشه ، به دلیل درج embed بجای پیغام درج شده ، هیچ پیغامی به کاربر نمایش نمیده .

استفاده از <param> :

تگ param رو تمامی مرورگرها پشتیبانی میکنن :

استفاده از لینک ها :

زمانی که از لینک ها استفاده می کنیم ، زمانی که کاربران روی لینک کلیک می کنن ، مرورگر با استفاده از helper applicationیا همون پلاگین ها ، فرمت فایل رو شناسایی میکنه و اجرا می کنه .

 

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۷

  • هایل.
    میشه برای درج چند رسانه بخصوص ویدئو مثال بزنید؟
    مثالا چه طور باید ادرس ویدئو رو بنویسم؟ و ….
    لطفا یک توضیح بدید.

    ممنون.

  • اینکه روش های مختلف رو بررسی کردید واقعا برای خود من خیلی خوب بود
    امیدوارم برای بقیه کاربران هم موثر باشه

  • اگر بخواهیم فایل موزیک رو از روی کامپیوتر خودمون بزاریم روی صفحه ی وبمون چطوری باید آدرس رو بنویسیم؟؟

    • سلام دوست عزیز
      امکانش نیست ، کسی نمیتونه فایل های سیستم شمارو بخونه مگر اینکه اون رو تو هاستتون بارگزاری کنید. حتما باید روی یه سرور اپلود بشه و بعد لینک بآپلود رو قرار بدید.
      موفق باشید

  • خسته نباشید میشه واسه تست یه اهنگو از کامپیوترم مقدار دهی کنم تا اجرا بشه یه حتما باید
    یه جا اپلودش کنم ؟

    • سلام

      ممنونم ، اگر رو سیستم بخواین تست کنید توی لوکال هاستتون میتونید این کار رو انجام بدید ، اگر روی هاست باشه حتما باید آپلود کنید .

      موفق باشید

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین