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

1. در میزبانی که سایت شما در آن قرار دارد، در پوشه اصلی (پوشه ای که فایل فهرست در آن قرار دارد)، پوشه صوتی را ایجاد کنید. در آینده تمامی فایل های صوتی را در آن قرار خواهید داد.

3. حالا فایل های مورد نظر را ترجیحا با فرمت mp3 انتخاب کنید. یک پوشه ایجاد کنید سمعیدر روت سایت قرار دهید و آنها را دانلود کنید.

4. فقط وارد کردن کد اتصال پخش کننده باقی مانده است. برای هر سایتی مناسب است در جای مناسب فقط باید مسیر فایل پخش کننده و فایل صوتی را مشخص کنید و کلمات را بر این اساس جایگزین کنید. your_domainو نام فایل صوتی:

و همه چیز آماده است! می توانید کار را ببینید مثال.

نحوه تنظیم موسیقی پس زمینه در html

با استفاده از قدرت HTML و مرورگر، می توانید موسیقی پس زمینه را نیز در صفحه قرار دهید. شما به یک فایل صوتی با فرمت مورد نیاز نیاز دارید: WAV، AU، MIDI یا MP3. می توانید از هر فایلی با پسوند مشخص شده به عنوان مثال استفاده کنید.

راه اولتگ جاسازی است. عنصر embed برای بارگذاری و نمایش اشیایی (مانند فایل های ویدئویی، فیلم های فلش، برخی فایل های صوتی و غیره) که مرورگر به طور بومی آن ها را درک نمی کند استفاده می شود.

نحو بسیار ساده است:

برچسب بستن مورد نیاز نیست.

اکنون به نمونه ای از رکورد با ویژگی ها و در زیر با رمزگشایی آنها نگاه می کنیم:

تعبیه ویژگی های برچسب برای پخش صدا در html
عرض - عرض پانل بر حسب پیکسل (یا درصد)
ارتفاع - ارتفاع پانل بر حسب پیکسل (یا درصد)
تراز - موقعیت پانل نسبت به متن، مقادیر ممکن چپ، راست، مرکز است
پنهان - امکان مخفی کردن پانل، مقادیر مشخصه: true - پانل پنهان است، نادرست - پانل قابل مشاهده است (مقدار پیش فرض)
autostart - true - پخش کننده به طور خودکار با بارگیری صفحه شروع می شود، false - منتظر می ماند تا دکمه پخش فشار داده شود
حلقه - حلقه، درست - آهنگ به صورت دایره ای پخش می شود و اگر نادرست باشد - فقط یک بار

راه دوم.بسیار قدیمی اما کاربردی) ملودی را به همان پوشه (دایرکتوری) که فایل شما در آن قرار دارد اضافه کنید و کد زیر را در بدنه آن بنویسید:

در نتیجه پس از بارگذاری صفحه، ملودی که در تگ bgsound مشخص کرده اید به صدا در می آید. حالا بیایید نگاهی دقیق تر به ویژگی های برچسب داشته باشیم :

src- مسیر فایل صوتی شما
حلقه- چند بار برای تکرار ملودی (اگر -1، سپس بی انتها تکرار می شود)
تعادل- مقدار تعادل استریو (از -10000 تا 10000)
جلد- حجم ملودی که 0 حداکثر و -10000 حداقل است.

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

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

جاسازی صدا و موسیقی در HTML5 - برچسب صوتی

سمعی- یک جفت تگ که صدای پس زمینه، موسیقی یا سایر جریان های صوتی را در سایت مشخص می کند.

ویژگی های تگ صوتی

پخش خودکار- فایل بلافاصله در بارگذاری صفحه پخش می شود (شبیه به موسیقی پس زمینه bgsound)
کنترل ها- نمایش کنترل پنل پخش کننده در مرورگر
حلقه- پس از پایان یافتن فایل، دوباره آن را پخش می کند
پیش بارگذاری- فایل صوتی همراه با بارگذاری صفحه بارگذاری می شود
src- مسیر فایل صوتی (mp3 یا ogg)

کد نمونه با تگ صوتی

صدا در HTML 5

با این حال، محتوای اینترنتی اغلب منحصر به فرد است، به عنوان مثال، شامل نه تنها موسیقی، بلکه نظرات نوازندگان، مصاحبه ها، انواع داستان ها در مورد خلقت و غیره است.

تعداد باورنکردنی ابزارهای کمکی برای بارگیری محتوای جریانی از وب ایجاد شده است - برخی از آنها جهانی هستند، برخی دیگر برای خدمات خاصی "تیز" شده اند. برخی از برنامه‌ها به فایل‌های صوتی و تصویری اصلی دسترسی پیدا می‌کنند و به سادگی آنها را بایت به بایت از اینترنت می‌خوانند، و برخی می‌توانند بارگیری را از سر بگیرند، فایل‌ها را در جریان‌های متعدد آپلود کنند، با گروه‌هایی از فایل‌ها کار کنند، و غیره. شرح جریان می‌تواند یک فایل xml باشد. با فرمت ASX (برای Windows Media Player) یا ذخیره شده در فایل های با فرمت RealAudio (پسوندهای .ra و .rm برای صدا، .rv برای ویدیو) و غیره. چنین جریان هایی نه تنها از طریق پروتکل های استاندارد http، udb / tcp ارائه می شوند، اما همچنین خاص - rtsp، mms، rtp، و همچنین از طریق فن آوری های نظیر به نظیر استفاده می شود، به عنوان مثال، در چنین سرویس تلویزیون اینترنتی محبوب مانند SopCast. به طور طبیعی، برای پخش این فرمت ها، به یک کلاینت مناسب نیاز دارید - مثلا Windows Media Player، VLC media player و غیره. به هر حال، دومی نه تنها می تواند محتوای جریانی را پخش کند، بلکه آن را در درایوهای محلی نیز ذخیره می کند. این اوست که ما از او استفاده خواهیم کرد، زیرا بیشتر منابع برای او بسیار سخت است.

بنابراین، برای ضبط، به طور خاص، یک برنامه رادیویی آنلاین یا یک پادکست، ابتدا باید یک پیوند به محتوای استریم دریافت کنید و سپس آن را در پخش کننده VLC وارد کنید. اگر سایت شما از Windows Media Player برای پخش صدا استفاده می کند، دسترسی به لینک آسان است. باید روی پخش کننده تعبیه شده در صفحه سایت کلیک راست کرده و "Properties" را انتخاب کنید. در قسمت "قرار دادن"، آدرس را پیدا کنید و آن را در کلیپ بورد کپی کنید. اگر سایت از پخش کننده فلش یا پخش کننده ای که بر اساس HTML5 توسعه یافته است استفاده می کند، احتمالاً مجبور خواهید بود کد منبع صفحه را جستجو کنید یا به ابزارهای ویژه برای "بیرون کشیدن" پیوندها مراجعه کنید.

مرحله بعدی تبدیل صدای استریم است. شاید نتوان گفت که این عملیات در VLC ساده و واضح است. بلکه برعکس، دست و پا گیر و گیج کننده است. دستور منو "رسانه باز URL" محتوای جریان را می توان در یک فایل نوشت. به طور پیش فرض، VLC برای پخش لینک تنظیم شده است و برای ذخیره آن در یک فایل، باید در کادر محاوره ای باز شده حالت را به «تبدیل» تغییر دهید. در همان زمان، گفتگو تغییر خواهد کرد - در پنجره جدید فایل مورد نظر نشان داده می شود و نمایه انتخاب می شود (یعنی فرمتی که در آن ضبط ذخیره می شود). پس از فشار دادن دکمه "شروع"، پخش کننده شروع به کپی کردن جریان صوتی در یک فایل می کند. او این کار را کاملاً نامحسوس انجام می دهد و در اصل می تواند تا زمانی که دوست دارد بنویسد - این روند باید به طور مستقل کنترل شود. لطفاً توجه داشته باشید که وقتی فرآیند تبدیل را متوقف می‌کنید و ادامه می‌دهید، فایل حاصل به صفر می‌رسد. بنابراین باید نام فایل های ذخیره شده قبلی را تغییر دهید.

کاملاً بدیهی است که تکرار چنین عملیاتی هر بار بسیار دردسر ساز است. به خصوص اگر می خواهید جریان های مختلف را در زمان های مختلف بنویسید. پخش کننده VLC یک ابزار دانلود برنامه ریزی شده ساده به نام VLC Configurator ارائه می دهد. این نشان می دهد که چه چیزی و کجا باید بنویسید (این پارامترها به همان روشی که در بالا توضیح داده شد پیکربندی می شوند) و برای چه مدت. به عنوان مثال، اگر هر روز نیاز به ضبط یک برنامه رادیویی اینترنتی خاص دارید، باید گزینه های "تکرار" و "فاصله بین تکرارها" را در گفتگو تنظیم کنید. اکنون این برنامه پس از راه اندازی به طور خودکار محتوای جریان را تبدیل می کند.

به هر حال، VLC همچنین به تبدیل جریان ها، به عنوان مثال، فایل های ASF به MP3 آشناتر و قابل فهم تر برای پخش کننده های جیبی کمک می کند. این عملیات را می توان به صورت دستی و هر بار تبدیل یک فایل محلی و یا به صورت خودکار با استفاده از یک اسکریپت ساده Powershell که همانطور که می دانید بخشی از ویندوز 7 است و در نسخه های قبلی این سیستم عامل موجود است انجام داد. چندین پارامتر به اسکریپت منتقل می شود - مسیر فایل ها، ماسک فایل ها، و به صورت اختیاری پوشه ای که فایل ها در آن ذخیره می شوند (اگر مشخص نشده باشد، فایل ها در فهرست منبع نوشته می شوند). در داخل حلقه، برنامه VLC فراخوانی می شود، که پارامترها به آن ارسال می شوند: چه چیزی باید رمزگذاری شود، کجا باید بنویسد، و پارامترهای رمزگذاری واقعی. در پایان رمزگذاری، VLC از RAM تخلیه می شود. آخرین ساختار، که منتظر می ماند تا فرآیند از حافظه تخلیه شود، به شما امکان می دهد این را تأیید کنید. می توانید چنین اسکریپتی را در هر ویرایشگر متنی وارد کنید - دفترچه یادداشت یا یک ویرایشگر ویژه "بصری" Powershell ISE. اگر آن را در یک فایل ذخیره کنید، به عنوان مثال convert.ps1، سپس با ساختاری از فرم راه اندازی می شود:

. convert.ps1 c:  files  music *.asf.

در خاتمه، شایان ذکر است که چند ویژگی دیگر فیلمنامه وجود دارد. سیستم عامل ویندوز به طور خودکار مسیرهای برنامه ها را نمی نویسد، بنابراین باید مسیر vlc.exe را نیز در اسکریپت مشخص کنید: در نسخه 64 بیتی - C:  'Program Files (x86) '  VideoLAN  VLC   (توجه داشته باشید که خطوط با فضاها در گیومه ها محصور شده اند) و در 32 بیت - C:  'Program Files'  VideoLAN  VLC  . علاوه بر این، باید مطمئن شوید که قبل از اجرای اسکریپت از برنامه VLC خارج شده اید، در غیر این صورت متد waitforexit() به طور نامحدود اجرا می شود (به دلیل خروج برنامه فراخوانی شده در اسکریپت، اما کپی آن باقی می ماند). البته امکان مدیریت شناسه های پردازش در اسکریپت نیز وجود دارد، اما این امکان فقط آن را پیچیده می کند. برای حل این مشکل، شما باید به سادگی یک پایان اجباری تمام VLC های در حال اجرا را به ابتدای اسکریپت اضافه کنید: ps vlc* | %($_.kill()). یکی دیگر از ویژگی های مربوط به سیستم امنیتی ویندوز 7 است که نیاز به امضای تمام اسکریپت ها دارد. دستور Set-ExecutionPolicy RemoteSigned که باید آن را در Powershell به عنوان مدیر اجرا کنید، به شما کمک می کند این محدودیت را دور بزنید.

اسکریپت Convert.ps1 Powershell برای تبدیل محتوای جریانی به MP3

پارامتر ($inputpath، $wildcard، $outputpath = $inputpath)

ls -path $inputpath  $wildcard | %(

write-host $outputfile

vlc -i dummy $_.fullname ¨:sout=#transcode (acodec=mp3,ab=128,channels=2):استاندارد (access=file,mux=asf,dst=$outputfile)¨ vlc://quit

استخراج صدا از فیلم های FLV

مثال دیگر استفاده از VLC و Powershell با هم استخراج صدا از فیلم های FLV Flash است. چنین کلیپ های ویدیویی در پورتال های تخصصی مانند، برای مثال، YouTube بدنام ذخیره می شوند. البته گوگل و سایر صاحبان هاست ویدیو به هر طریق ممکن از دانلود محتوا جلوگیری می کنند، اما همیشه راه هایی برای دور زدن حفاظت و دریافت ویدیویی که دوست دارید وجود دارد.

با این حال، وظیفه مورد بحث در اینجا به شرح زیر است: نحوه استخراج صدا از یک فایل FLV بارگذاری شده به هر روش شناخته شده به منظور، به عنوان مثال، برای گوش دادن به آن در یک پخش کننده جیبی. چنین عملیاتی هم در رابط کاربری گرافیکی و هم از طریق خط فرمان کاملاً در توان VLC است. به هر حال، در مورد اول، شما باید تقریباً همان مجموعه اقدامات قبلی را انجام دهید: دستور "Media - Convert" / "Save" را از منو انتخاب کنید، فایل های منبع و مقصد و همچنین تبدیل را مشخص کنید. پارامترها، یعنی کدک مناسب.

برای تبدیل دستی با استفاده از Powershell، مانند دفعه قبل، باید یک اسکریپت کوچک بسازید (بیایید آن را flv2mp.ps1 بنامیم)، که نام پوشه‌های مبدا و مقصد به آن ارسال می‌شود (به طور پیش‌فرض - همان منبع). کل ترفند آن در پارامترهای عبور نهفته است: از آنجایی که ویدیو مورد نیاز نیست، باید از پارامتر ساختگی استفاده کنید، پارامترهای فایل را در بلوک استاندارد تعریف کنید، و برای اینکه اسکریپت با پنجره های پاپ آپ اذیت نشود، آنها را به سادگی مسدود کنید. گزینه --dummy-quiet --sout.

پارامتر ($inputpath، $outputpath = $inputpath)

ls -path $inputpath  *.flv | %(

$outputfile = مسیر پیوستن $outputpath($_.name.replace($_.extension، '.mp3'))

write-host $outputfile

vlc $filename -I dummy --dummy-quiet --sout ¨#transcode (acodec=mp3,vcodec=dummy):استاندارد (access=file,mux=raw,dst='$outputfile')¨ vlc://quit

ps vlc | %($_.waitforexit())

زبان HTML
صدا و تصویر را جاسازی کنید

درج صدا برچسب بزنید
تنظیمات ضبط صدا را در یک صفحه وب اضافه، پخش و مدیریت می کند. مسیر فایل از طریق ویژگی تنظیم می شود srcیا تگ تو در تو .

نحو:

چندین

ویژگی های برچسب

پخش خودکار- صدا بلافاصله پس از بارگیری صفحه شروع به پخش می کند.

کنترل ها- یک کنترل پنل به فایل صوتی اضافه می کند.

حلقه- پخش صدا را از ابتدا پس از اتمام آن تکرار می کند.

پیش بارگذاری- برای دانلود یک فایل همراه با دانلود یک صفحه وب استفاده می شود.

src

تگ بسته شدن الزامی است.
داخل ظرف

مثال:

درج ویدیو برچسب بزنید
تنظیمات ویدیو را در یک صفحه وب اضافه، پخش و مدیریت می کند. مسیر فایل از طریق ویژگی تنظیم می شود srcیا تگ تو در تو .

نحو:

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

ویژگی های برچسب

پخش خودکار- پس از بارگیری صفحه، ویدیو به طور خودکار شروع به پخش می کند.

کنترل ها- یک کنترل پنل به ویدیو اضافه می کند.

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

ارتفاع- ارتفاع منطقه را برای پخش فیلم تنظیم می کند.

عرض- عرض منطقه را برای پخش ویدیو تنظیم می کند.

پیش بارگذاری- برای دانلود فیلم ها همراه با دانلود یک صفحه وب استفاده می شود.

src- مسیر فایل در حال پخش را مشخص می کند.

تگ بسته شدن الزامی است.
داخل ظرف

مثال:

نتیجه مثال در مرورگر:

سلام به همه. با تو آندری

در این قسمت، نحوه اتصال را یاد خواهیم گرفت صدا به htmlصفحه، یعنی فایل های فرمت صوتی به وب سایت شما.

3 روش تعبیه وجود دارد فایل های صوتی.

با کلیک بر روی این پیوند، یک برنامه استاندارد برای پخش فایل ها با فرمت مشخص شده به طور خودکار راه اندازی می شود، معمولاً Windows Media (فایل های AIFF، AU، MIDI، WAV و MP3 را پخش می کند). این گزینه برای شما آشناست، پس بیایید ادامه دهیم.

دومینراهش استفاده از ظرف است .

این محفظه امکان گوش دادن با کنترل های پخش نمایش داده شده مستقیماً در صفحه وب را فراهم می کند، با این حال، نوار کنترل پخش ممکن است در مرورگرهای مختلف متفاوت به نظر برسد.

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

XHTML

پارامتر src مورد نیاز است؛ این پارامتر نام فایل در حال پخش را مشخص می کند. سایر پارامترها را می توان حذف کرد. لیست آنها در زیر آورده شده است.

WIDTH=n- عرض کنسول را بر حسب پیکسل مشخص می کند.

HEIGHT = متر- ارتفاع کنسول را بر حسب پیکسل تعریف می کند.

AUTOSTART=درست|نادرست- اگر روی TRUE تنظیم شود، پخش به طور خودکار شروع می شود.

AUTOLOAD=TRUE|FALSE- اگر روی FALSE تنظیم شود، فایل به طور خودکار بارگیری نمی شود.

STARTTIME="mm:ss"- پخش از لحظه ای که بر حسب دقیقه و ثانیه از ابتدای فایل مشخص شده است شروع می شود.

REPEAT= TRUE / FALSE- تکرار کلیپ صوتی/ویدیویی را مجاز یا ممنوع می کند.

PLAYLOOP=Z- اگر REPEAT-TRUE را مشخص کرده اید، به جای Z تعداد تکرارها را در اینجا مشخص کنید.

VOLUME = درصد- حجم پخش، به عنوان درصدی از حداکثر مشخص شده است.

ALIGN = "مقدار"- کنسول مدیریت را با توجه به متن صفحه تراز می کند. می تواند مرکز، خط پایه بالا چپ، راست باشد.

CONTROLS = مقدار- مجموعه ای از کنترل های کنسول را مشخص می کند. می تواند مقادیر زیر را داشته باشد (در زیر توضیح داده شده است) -CONSOLE، SMALLCONSOLE، PLAYBUTTON PAUSEBUTTON، STOPBUTTON، و VOLUMELEVER.

کنسول- مجموعه ای کامل از کنترل ها

کنسول کوچک- نمایش فشرده از کنسول. مجموعه کاملی از کنترل ها، به جز دکمه مکث.

دکمه پخش- فقط دکمه پخش

دکمه مکث- فقط یک دکمه مکث.

دکمه توقف- فقط یک دکمه توقف سپس فایل آپلود می شود.

VOLUMELEVER- فقط کنترل صدا

پارامترها را درک کرد.

پیشنهاد می کنم سعی کنید پارامترهای مختلف را خودتان اعمال کنید و ببینید چگونه کار می کنند (اینجا هیچ چیز پیچیده ای وجود ندارد).

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

نحو در اینجا ساده است:

src=نام فایل- فایل صوتی

loor=n- تعداد تکرار (بی نهایت - به طور مداوم)

جلد- حجم (از 10000 تا 0.0 - مقدار پیش فرض)

تعادل- تعادل بین ستون های چپ و راست، مقدار می تواند از -10000 (حداکثر برای کانال چپ) تا 10000 (حداکثر برای کانال سمت راست) متفاوت باشد.

شرح

تنظیمات ضبط صدا را در یک صفحه وب اضافه، پخش و مدیریت می کند. مسیر فایل از طریق ویژگی src یا یک تگ تو در تو مشخص می شود. داخل ظرف

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

برگه 1. کدک ها و مرورگرها

کدک	اینترنت اکسپلورر	کروم	اپرا	سافاری	فایرفاکس
ogg/vorbis
موج
mp3
AAC

برای پخش جهانی در مرورگرهای مشخص شده، صدا با استفاده از کدک های مختلف رمزگذاری می شود و فایل ها به طور همزمان از طریق برچسب اضافه می شوند. .

نحو

ویژگی های

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

برچسب بسته شدن

ضروری.

HTML5 IE 8 IE 9+ Cr Op Sa Fx

الکساندر کلیمنکوف - چهارده

نتیجه مثال در مرورگر Opera در شکل نشان داده شده است. یکی

برنج. 1. پخش فایل های صوتی

مرورگرها

کنترل‌های پخش صدا در مرورگرها از نظر ظاهری متفاوت هستند، اما عناصر اصلی یکسان هستند. اینها دکمه پخش / مکث، طول آهنگ، زمان سپری شده و کل زمان پخش و همچنین سطح صدا هستند.