مشاوره رایگان
دریافت لینک های دانلود
دریافت پستی درب منزل
مبلغ کل:
تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید
مالتی مدیا در 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
,
تعداد قسمت ها:
177
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML
آموزش HTML5
این فصل در یک نگاه:
در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب میشود. در واقع HTML را عنصر کلیدی صفحات وب می…
فصلِ:
3
,
تعداد قسمت ها:
25
,
سطح:
صفر تا صد
این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …
فصلِ:
5
,
تعداد قسمت ها:
77
,
سطح:
متوسط
این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…
فصلِ:
11
,
تعداد قسمت ها:
162
,
سطح:
صفر تا صد
این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…
فصلِ:
4
,
تعداد قسمت ها:
240
,
سطح:
صفر تا صد
موضوعات:
آموزش PHP
آموزش Bootstrap
آموزش CSS
آموزش JQUERY
آموزش HTML
آموزش PHP MVC
آموزش Ajax
آموزش HTML5
این فصل در یک نگاه:
طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…
توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap و به صورت تضمینی و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ:
4
,
تعداد قسمت ها:
368
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش ساخت فروشگاه اینترنتی
آموزش Bootstrap
آموزش Laravel
این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…
فصلِ:
1
,
تعداد قسمت ها:
155
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش NodeJs
آموزش Bootstrap
آموزش Laravel
آموزش Symphony
این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …
فصلِ:
1
,
تعداد قسمت ها:
15
,
سطح:
متوسط
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش ASP.NET
آموزش ASP.NET MVC
آموزش PHP MVC
آموزش Phyton
آموزش سئو
آموزش ساخت فروشگاه اینترنتی
آموزش HTML
آموزش ایمیل مارکتینگ
آموزش وردپرس
آموزش فروشگاه ساز اپن کارت
آموزش جوملا
آموزش Virtual Freer
آموزش WHMCS
این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …
