نتیجه در گوگل کروم:
روش 2.
تصاویر، صدا، ویدئو، برنامه های جاوا، ActiveX، PDF و Flash را می توان با استفاده از یک برچسب در یک سند HTML درج کرد.
.
برچسب بستن الزامی است.
ویژگی های OBJECT
داده ها
–
مسیر فایل شی را مشخص می کند. نوع
–
نوع شی (اختیاری). مثلا:
type="application/x-shockwave-flash" یا type="image/png"و غیره.؛
عرض - عرض؛ ارتفاع
–
ارتفاع
همچنین می توانید بین تگ های باز شده متن بنویسید . اگر مرورگر از عنصر شی پشتیبانی نکند، متن نوشته شده نمایش داده می شود.
مثال:
برچسب OBJECT
Ваш браузер не поддерживает тег object
نتیجه این مثال در پنجره مرورگر اگر از تگ OBJECT پشتیبانی نمی کند:
روش 3.
همچنین می توانید با استفاده از تگ، صدا را در یک صفحه وب قرار دهید
:
ویژگی های تگ AUDIO پخش خودکار - صدا بلافاصله پس از بارگذاری صفحه وب به طور خودکار پخش می شود.
کنترل ها - کنترل پنل پخش کننده صوتی؛
ارتفاع - ارتفاع پخش کننده صوتی؛
حلقه - پخش صدا را از ابتدا پس از اتمام آن تکرار کنید.
src - مسیر فایل صوتی
مثال:
TAG AUDIO
نتیجه:
همچنین می توانید با استفاده از تگ یک ویدیو را در یک صفحه وب قرار دهید
:
ویژگی های تگ VIDEO پخش خودکار - ویدیو بلافاصله پس از بارگیری صفحه وب به طور خودکار پخش می شود. کنترل ها - کنترل پنل پخش کننده ویدئو؛ ارتفاع - ارتفاع پخش کننده ویدئو؛ عرض - عرض پخش کننده ویدیو؛ حلقه - پخش ویدیو از ابتدا پس از اتمام آن را تکرار کنید. src - مسیر فایل ویدئویی؛ پوستر - آدرس تصویر در حالی که ویدیو در دسترس نیست یا در حال پخش نیست، تصویر به کاربر نمایش داده می شود.
شرح
تنظیمات صوتی را در یک صفحه وب اضافه می کند، پخش می کند و مدیریت می کند. مسیر فایل از طریق ویژگی src یا یک برچسب فرعی مشخص می شود. داخل ظرف می توانید متنی بنویسید که در مرورگرهایی که با این تگ کار نمی کنند نمایش داده شود.
لیست کدک های پشتیبانی شده توسط مرورگرها محدود است و در جدول آورده شده است. 1.
جدول 1. کدک ها و مرورگرها کدک
اینترنت اکسپلورر
کروم
اپرا
سافاری
فایرفاکس
ogg/vorbis
موج
mp3
A.A.C.
برای پخش جهانی در مرورگرهای مشخص شده، صدا با استفاده از کدک های مختلف رمزگذاری می شود و فایل ها به طور همزمان از طریق یک برچسب اضافه می شوند.
.
نحو
ویژگی های صدا بلافاصله پس از بارگیری صفحه شروع به پخش می کند. یک کنترل پنل به فایل صوتی اضافه می کند. صدا را از ابتدا پس از پایان آن تکرار می کند. برای دانلود یک فایل همراه با بارگذاری یک صفحه وب استفاده می شود. مسیر فایل در حال پخش را مشخص می کند. برچسب بسته شدن
ضروری.
HTML5 IE 8 IE 9+ Cr Op Sa Fx
سمعی
الکساندر کلیمنکوف - چهارده
تگ صوتی توسط مرورگر شما پشتیبانی نمی شود. دانلود موزیک.
نتیجه مثال در مرورگر Opera در شکل نشان داده شده است. 1.
برنج. 1. یک فایل صوتی را پخش کنید
مرورگرها
کنترل‌های پخش صدا از نظر ظاهری بین مرورگرها متفاوت است، اما عناصر اصلی یکسان هستند. اینها دکمه پخش/مکث، طول آهنگ، زمان سپری شده و کل پخش و سطح صدا هستند.
muzicons.com - فایل ها را از رایانه دانلود نمی کند، قرار دادن صدا از طریق پیوندهای مستقیم به فایل یا از طریق موتور جستجوی داخلی به این صورت است: www.jetune.ru - به طور کامل فقط برای کاربران روسی کار می کند. برای آپلود یک آهنگ، باید در وب سایت (بدون ثبت نام) پیدا کنید یا هنرمند خود را آپلود کنید (با ثبت نام)، روی یک آهنگ خاص کلیک کنید و کد پخش کننده را دریافت کنید: prostopleer.com - دانلود یا جستجوی موسیقی در سایت و دریافت کد پخش: برخی از سرویس های میزبانی فایل دارای پخش کننده های صوتی برای فایل های mp3 هستند
نمایندگان معمولی جانوران شبکه:
divshare.com ثبت نام کنید. روی «آپلود فایل جدید» کلیک کنید، آهنگ را آپلود کنید. روی "داشبورد" (بالا) کلیک کنید و فایل ظاهر می شود. بر روی آن کلیک راست کنید، "اشتراک گذاری" را انتخاب کنید، "Embed Playlist" را کپی کنید و جایگذاری کنید: box.net پس از دانلود فایل (با کلیک بر روی به اشتراک گذاشته شده است
2. یادگیری "ماهی گرفتن"
با درک اصل، می توانید چنین خدماتی را که اغلب بسته هستند، حذف فایل ها، تغییر شرایط و غیره فراموش کنید. http://../player.swf ) و فایل صوتی (در فرم http://../song.mp3 ) - بقیه HTML است، یعنی حروف.
کد کامل برای خشم: http://…./song.mp3 ("لینک مستقیم")، موسیقی شما را پخش می کند :).
عرض و ارتفاع اندازه بازیکن را تعیین می کند. ارتفاع=16 ، ما گرفتیم: برای جلوگیری از خرابی رمزگذاری، از حروف سیریلیک و فاصله در نام آهنگ ها اجتناب کنید. مثال ها: آهنگ من.mp3 (در پخش کننده نمی توان از آن استفاده کرد، یک مشکل وجود دارد) moya_pesnya.mp3 (می تواند به کار رود)
می توانید لیست های پخش را وارد کنید: - مسیریابی مسیر
بیایید یک پخش کننده مانند این با یک لیست پخش بسازیم: playlist.xml و ذخیره کنید. xml ) playlist.xml آن را در هاست آپلود کنید، یک لینک به آن در کد پخش کننده قرار دهید که در یک پخش کننده با یک تراک لینک یک فایل mp3 وجود دارد: http://site/song.mp3 بازیکن دیگری، "تاشو": کد را کپی کنید و به جای آن یک لینک به mp3 خود قرار دهید YOUR_FILE و گوش کن:
پخش کننده فشرده: به جای آن یک لینک به mp3 خود قرار دهید YOUR_FILE (در دو مکان!):
موسیقی در این سایت بیشتر از معمول نادر است. هنگام درج موسیقی در یک وب سایت، باید بدانید که برخی از کاربران ممکن است به طور کامل توسط آن خاموش شوند. در این مقاله به چندین گزینه برای درج موسیقی در یک وب سایت و همچنین نحوه ساخت موسیقی پس زمینه خواهیم پرداخت.
نحوه درج موسیقی پس زمینه در وب سایت
درج موسیقی پس زمینه در یک وب سایت خطرناک ترین گزینه از نظر از دست دادن بازدید کننده است. زیرا موسیقی پس زمینه نه تنها خاموش نمی شود، بلکه به هیچ وجه نمی توان صدای آن را تنظیم کرد (همه به میزان صدای فعلی کامپیوتر بستگی دارد). بنابراین قبل از قرار دادن موسیقی پس زمینه باید صد بار فکر کنید.
دو راه برای درج موسیقی در html وجود دارد
گزینه 1. از طریق تگ html
نحو برای درج موسیقی پس زمینه
در برچسب چندین ویژگی وجود دارد:
حلقه = "ارزش" - تعداد تکرارهای موسیقی (اگر -1، سپس بی انتها تکرار می شود)
balance="value" - تعادل استریو (از -10000 تا 10000)
volume="value" - حجم (0 حداکثر، -10000 حداقل)
هنگامی که صفحه بارگیری می شود، موسیقی به طور خودکار پخش می شود.
مثلا
گزینه 2. از طریق یک برچسب
نحو برای درج یک شی با موسیقی
در برچسب از ویژگی های زیر می توان استفاده کرد:
width="value" - عرض (بر حسب پیکسل یا درصد)
height="value" - ارتفاع (بر حسب پیکسل یا درصد)
align="value" - تراز (چپ - چپ، راست - راست، مرکز - مرکز)
hidden="value" - قابلیت مشاهده پنل (true - hide, false - show)، به طور پیش فرض پانل قابل مشاهده است
autostart="value" - پخش موسیقی هنگام بارگیری (درست - بله، نادرست - خیر)
حلقه = "ارزش" - مقدار درست - پخش در یک دایره، نادرست - یک بار
مثلا
پخش کننده استاندارد برای هر مرورگر متفاوت به نظر می رسد، بنابراین ما هر یک از آنها را جداگانه در نظر نمی گیریم.
در html5 می توانید از تگ استفاده کنید
معنی استفاده از تگ مشکوک است، زیرا مرورگرهای قدیمی هنوز از html5 پشتیبانی نمی کنند.
نحو برچسب
مرورگر صدا را پشتیبانی نمی کند
از ویژگی های زیر می توان استفاده کرد:
autoplay="value" - بلافاصله پس از بارگیری صفحه موسیقی را روشن کنید
controls="value" - نمایش پنل کنترل پخش کننده در مرورگر
حلقه = "ارزش" - مسئول چرخه
preload="value" - موسیقی را بلافاصله با بارگیری صفحه بارگیری کنید
گزینه های در نظر گرفته شده، به نظر من، راه حل های ایده آل نیستند، زیرا همه آنها بر اساس بازیکنان استاندارد هستند. هر مرورگر پخش کننده پیش فرض خود را دارد و در برخی از مرورگرها ممکن است اصلا کار نکند. بنابراین، بهتر است پخش کننده را در وب سایت خود دانلود کنید و موسیقی را از آن دانلود کنید. چنین پخش کننده عملکردهایی برای توقف، تنظیم صدا و غیره خواهد داشت. - تمام مجموعه های لازم برای یک کاربر ساده.
برای درج می کند به صفحه وب کلیپ صوتی زبان HTML 5 یک تگ جفت ارائه می کند . آدرس اینترنتی فایلی که در آن ذخیره شده است کلیپ صوتی ، با استفاده از ویژگی SRC این تگ نشان داده شده است:
ملاقات با برچسب مرورگر وب می تواند فایل صوتی را فورا دانلود و پخش کند، فقط آن را بدون پخش بارگیری کند یا اصلاً کاری انجام ندهد. (در مورد دوم، می‌توانیم پخش را از یک اسکریپت وب شروع کنیم؛ اسکریپتهای وب در قسمت سوم مورد بحث قرار خواهند گرفت.) همچنین میتواند کنترلهایی را در صفحه وب نمایش دهد که بازدیدکننده از آنها برای شروع پخش استفاده میکند. فایل صوتی ، آن را مکث می کند، به جلو یا عقب پیمایش می کند و صدا را تنظیم می کند. همه اینها با استفاده از ویژگی های مختلف برچسب قابل تنظیم است ، که به زودی به آن خواهیم پرداخت.
برچسب بزنید یک عنصر بلوک از یک صفحه وب ایجاد می کند. بنابراین ما نمی توانیم درج کنیم کلیپ صوتی در یک صفحه وب به عنوان بخشی از یک پاراگراف. اما برای قرار دادنآن را در یک پاراگراف جداگانه، ما مجبور به انجام هیچ عمل اضافی (برخلاف تصویر) نخواهیم بود.
به طور پیش فرض، مرورگر وب پخش نمی شود کلیپ صوتی . برای اینکه او این کار را انجام دهد، در برچسب شما باید ویژگی خاص AUTOPLAY را مشخص کنید. این یک ویژگی واقعاً خاص است: هیچ معنایی ندارد - حضور صرف آن در برچسب برای تأثیرگذاری آن کافی است (خصیصه برچسب بدون معنی):
حالا صدا را خواهید شنید!
پیش فرض کلیپ صوتی به هیچ وجه در صفحه وب نمایش داده نمی شود (که البته قابل درک است - صدا را نباید تماشا کرد، بلکه باید به آن گوش داد). اما اگر در تگ خصیصه را بدون مقدار CONTROLS قرار دهید، مرورگر وب در محل صفحه وب که تگ قرار داده شده است نمایش داده می شود. ، کنترل های پخش صدا. اینها عبارتند از یک دکمه پخش/مکث، یک نوار پخش، و یک کنترل صدا:
برای شنیدن صدا دکمه پخش را فشار دهید.
مشخصه بدون مقدار AUTOBUFFER منطقی است که در تگ نشان داده شود فقط در صورتی که هیچ ویژگی AUTOPLAY در آنجا وجود نداشته باشد. اگر مشخص شده باشد، مرورگر وب بلافاصله پس از بارگیری صفحه وب شروع به دانلود فایل صوتی می کند - این کار باعث می شود تا تاخیر فایل قبل از شروع پخش از بین برود.
برای آزمایش دانش به دست آمده در عمل، به یک کلیپ صوتی با فرمت پشتیبانی شده توسط مرورگر وب نیاز داریم. نویسنده یک کلیپ صوتی کوچک با فرمت WAV-PCM پیدا کرد و نام آن را sound.wav گذاشت. شما می توانید از هر کلیپ صوتی دیگری استفاده کنید، اما البته باید نام فایلی که در آن ذخیره شده است را در کد HTML در لیست 4.2 مشخص کنید.
. بیایید یک صفحه وب برای توصیف این تگ ایجاد کنیم که کد HTML آن در لیست 4.2 نشان داده شده است.
بیایید صفحه وب را در فایلی به نام t_audio.htm ذخیره کنیم. بیایید فایل صوتی انتخاب شده (از نویسنده - sound.wav) را در پوشه ای که همه فایل های وب سایت ما در آن قرار دارند (از جمله t_audio.htm) قرار دهیم. و بلافاصله صفحه وب تازه ایجاد شده را در یک مرورگر وب باز کنید (شکل 4.2).
ما کد مثال و در زیر نتیجه اجرای آن را خواهیم دید - عناصر خوب برای کنترل پخش کلیپ صوتی . ما می توانیم play را فشار داده و به آن گوش دهیم.
درج ویدیو برای درج می کند به صفحه وب ویدئو تگ جفت مورد نظر . آدرس اینترنتی فایل ویدیویی با استفاده از ویژگی SRC آشنا این تگ نشان داده شده است:
پس از مواجهه با این برچسب، مرورگر وب یک پنل مشاهده محتوا را در محلی در صفحه وب که در آن قرار داده شده است نمایش می دهد. ویدئو . بسته به آنچه در تگ مشخص کرده ایم ویژگی ها، می تواند بلافاصله دانلود و پخش شودفایل صوتی، فقط آن را بدون پخش دانلود کنید یا اصلا کاری انجام ندهید. همچنین می تواند کنترل های پخش را در یک صفحه وب نمایش دهد. ویدئو .
مثل تگ ، برچسب یک عنصر بلوکی از یک صفحه وب ایجاد می کند و از ویژگی های AUTOPLAY، CONTROLS و AUTOBUFFER پشتیبانی می کند:
اگر ویدیو هنوز شروع به پخش نکرده باشد، صفحه پیش‌نمایش اولین فریم ویدیو را نشان می‌دهد یا اصلاً هیچ چیز را نشان نمی‌دهد (رفتار دقیق به مرورگر وب بستگی دارد). اما می‌توانیم یک تصویر گرافیکی را مشخص کنیم که در آنجا به‌صورت اسپلش نمایش داده شود. برای این کار از ویژگی POSTER تگ استفاده می شود. ; مقدار آن نشان دهنده آدرس اینترنتی فایل گرافیکی مورد نظر است:
در اینجا یک تصویر اسپلش برای ویدیو مشخص کرده ایم که قبل از شروع پخش در پنل مشاهده نمایش داده می شود و در فایل filmposter.jpg ذخیره می شود.
خوب بیایید تمرین کنیم؟ ابتدا بیایید یک فایل ویدئویی با فرمت مناسب پیدا کنیم. نویسنده یک ویدیوی کوچک با فرمت OGG پیدا کرد و نام فیلم.ogg را گذاشت. شما می توانید هر ویدیو دیگری را انتخاب کنید، اما، البته، باید نام فایل آن را در کد HTML زیر مشخص کنید.
در یک یادداشت
اگر پیدا نکردی ویدئو فرمت مناسب، شما می توانید آن را خودتان با رمزگذاری مجدد یک ویدیوی ذخیره شده در فرمت متفاوت ایجاد کنید. ابزار SUPER © برای این کار مناسب است، که می توانید آن را در آدرس اینترنتی http://www.erightsoft.com/SUPER.html پیدا کنید. بسیاری از فرمت های چند رسانه ای از جمله OGG را پشتیبانی می کند.
بیایید صفحه وب index.htm را باز کنیم و تگ را در قسمت tags وارد کنیم . بیایید یک صفحه وب برای توصیف این تگ ایجاد کنیم که کد HTML آن در لیست 4.3 نشان داده شده است.
بیایید صفحه وب را در فایلی به نام t_video.htm ذخیره کنیم. انتخاب شده را قرار دهید فایل ویدیویی (برای نویسنده - film.ogg) به پوشه ای که همه فایل های وب سایت ما در آن قرار دارند (از جمله t_video.htm). و صفحه وب تمام شده t_video.htm را در یک مرورگر وب باز کنید (شکل 4.3).
در زیر کد مثال، نتیجه اجرای آن - پانل مشاهده و عناصر کنترل پخش را خواهیم دید. بیایید دکمه پخش را فشار دهیم و "فیلم" را تماشا کنیم. توجه داشته باشید که پس از شروع پخش، کنترل ها ناپدید می شوند. برای دسترسی به آنها، باید ماوس را بر روی پانل view نگه داریدنشانگر ماوس پس از اتمام پخش ویدیو، این کنترل ها دوباره روی صفحه ظاهر می شوند.
ویژگی های تگ اضافی و
اما صبر کن! قبلاً، ما آموختیم که مجموعه فرمت‌های چندرسانه‌ای پشتیبانی‌شده در مرورگرهای مختلف وب متفاوت است. و ممکن است اتفاق بیفتد که صدا یا تصویری که در صفحه وب قرار داده ایم برای برخی از مرورگرهای وب بسیار سخت باشد. باید چکار کنم؟
به خصوص برای چنین مواردی، HTML 5 قابلیت نشان دادن در یک تگ را فراهم می کند یا چندین فایل چندرسانه ای به طور همزمان خود مرورگر وب یکی از آنها را انتخاب می کند که فرمت آن را پشتیبانی می کند.
اگر قرار باشد چندین فایل رسانه ای را همزمان در یک تگ مشخص کنیم یا ، پس باید دو کار انجام دهید.
1. حذف از برچسب یا نشانی از فایل رسانه، یعنی ویژگی SRC و مقدار آن.
2. داخل یک تگ قرار دهید یا مجموعه برچسب که هر کدام آدرس اینترنتی یک فایل چندرسانه ای را مشخص خواهند کرد.
تک تگ هم آدرس اینترنتی فایل رسانه و هم نوع MIME آن را مشخص می کند. ویژگی های SRC و TYPE این تگ به ترتیب برای این منظور در نظر گرفته شده است:
این تگ دو فایل ویدیویی را به طور همزمان تعریف می کند و یک فیلم را ذخیره می کند: یکی با فرمت OGG و دیگری با فرمت QuickTime. یک مرورگر وب که از فرمت OGG پشتیبانی می کند، اولین فایل را دانلود و پخش می کند و یک مرورگر وب که از QuickTime پشتیبانی می کند، فایل دوم را بارگیری و پخش می کند.
توجه داشته باشید که نوع MIME فایل ویدیویی (و بر این اساس، ویژگی TYPE تگ ) را می توان حذف کرد. اما سپس مرورگر وب باید ابتدا فایل را بارگیری کند تا ببیند آیا از فرمت فایل پشتیبانی می کند یا خیر. و این یک بار اضافی و کاملا غیر ضروری در شبکه است. پس بهتر است همیشه نوع MIME را مشخص کنید.
اگر مرورگر وب اصلاً از برچسب ها پشتیبانی نکند چه؟ و ? در این صورت آنها را نادیده می گیرد و چیزی در صفحه وب نمایش نمی دهد. با این حال، می‌توانیم متن جایگزینی ارائه کنیم که مشکل پیشآمده را توصیف کند و راهی برای حل آن پیشنهاد کند (مثلاً مرورگر وب را تغییر دهید). این متن جایگزین در داخل تگ قرار می گیرد یا بعد از همه برچسب ها (در صورت وجود)، برای مثال، مانند فهرست 4.4.
توجه داشته باشید که ما تگ هایی را که پاراگراف را ایجاد می کنند در متن جایگزین مشخص نکرده ایم. برچسب ها و خود عناصر بلوک هستند، بنابراین نیازی به این نیست.
همه چیز در مورد رسانه اینترنتی و ابزارهای HTML 5 برای پشتیبانی از آن است.
