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

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

دسته بندی موضوعات
سفارش تبلیغات

عناصر مدیا در 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یا همون پلاگین ها ، فرمت فایل رو شناسایی میکنه و اجرا می کنه .

 

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

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

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

  • Nazionalist

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

    ممنون.

  • علیرضا کریمی نژاد

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

  • mehrnaz

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

    • میترا رحیمی

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

  • ارمان باقری

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

    • میترا رحیمی

      سلام

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

      موفق باشید

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟