مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

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



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

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

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

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

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

مثال :

<embed src = "/html/yourfile.mid" width = "100%" height = "60" >
<noembed>
<img src = "yourimage.gif" alt = "Alternative Media" >
</noembed>
</embed>

مشخصه های تگ <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>

   <body>
      <embed src = "/html/yourfile.swf" width = "200" height = "200" >
         <noembed><img src = "yourimage.gif" alt = "Alternative Media" ></noembed>
      </embed>
   </body>

</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 اجازه می دهد تا هر چیز لازم را با یک آبجکت برای ارائه ی آن به یک کاربر، تعیین کند. 

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

  • در HTML5، عناصر object را در داخل فرم ها می توان درج و استفاده کرد.
  • در HTML5، عنصر objects دیگر نمی تواند داخل عنصر

   
در اینجا چند مثال در این رابطه می بینید :

مثال اول :

شما می توانید یک سند HTML را در خود سند HTML اجرا کنید با به کار گیری تگ object :

<object data = "data/test.htm" type = "text/html" width = "300" height = "200">
alt : <a href = "data/test.htm">test.htm</a>
</object>

مثال دوم :

شما می توانید یک سند PDF را به واسطه ی تگ object در یک سند HTML اجرا کنید.

<object data = "data/test.pdf" type = "application/pdf" width = "300" height = "200">
alt : <a href = "data/test.pdf">test.htm</a>
</object>

مثال سوم :

شما می توانید با استفاده از تگ <param> برخی پارامترهای متناسب با سند را مشخص کنید. در اینجا مثالی از اجرای فایل wav را می بینید.

<object data = "data/test.wav" type = "audio/x-wav" width = "200" height = "20">

(همچنین  تگ <param> برای تصویب پلاگین هایی که به وسیله تگجاساز شده اند نیز  استفاده می شود .)

فصلِ: 5 , تعداد قسمت ها: 75 , سطح: متوسط

این فصل در یک نگاه:

ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…

این مجموعه با تلفیقی از فریمورک bootstrap  و کد های html و css  ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…
فصلِ: 3 , تعداد قسمت ها: 25 , سطح: صفر تا صد

این فصل در یک نگاه:

فصل سوم…

آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …
فصلِ: 4 , تعداد قسمت ها: 240 , سطح: صفر تا صد

این فصل در یک نگاه:

طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…

توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap  و به صورت تضمینی  و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ: 11 , تعداد قسمت ها: 162 , سطح: صفر تا صد

این فصل در یک نگاه:

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

در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…
فصلِ: 5 , تعداد قسمت ها: 47 , سطح: صفر تا صد

این فصل در یک نگاه:

آموزش ایجاد Child Theme برای قالب اصلی و ویرایش قالب و ترجمه و راست چین کردن قالب های خارجی…

آموزش صفر تا صد طراحی وبسایت خبری و فروشگاهی با وردپرس و ووکامرس   سرفصل های مجموعه طراحی سایت ۱. فصل اول ( طراحی UI/UX در فتوشاپ ) درباره وردپرس UI/UX چیست؟ آشنایی با سندها…
فصلِ: 1 , تعداد قسمت ها: 15 , سطح: متوسط

این فصل در یک نگاه:

رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…

 اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09337316634 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به تلگرام کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید