HTML5 веб-бетіне дыбысты қосу әдісі

HTML5 элементі сіздің веб-беттеріңізге дыбыс пен музыканы оңай қосады. Шын мәнінде, ең қиын нәрсе - сіздің дыбыстық файлдарыңыз браузерлердің кең ауқымында ойнатылуын қамтамасыз ету үшін қажет бірнеше көздерді жасайды.

HTML5-ні пайдаланудың артықшылығы, тек екі тегті пайдалану арқылы дыбысты ендіруге болады. Браузерлер IMG элементтерін пайдаланған кезде суретті көрсететін сияқты дыбысты ойнайды.

HTML5 веб-бетіне дыбысты қосу әдісі

HTML редакторы , дыбыстық файлы (MP3 форматында жақсырақ) және дыбыстық файл түрлендіргіші қажет болады.

1. Алдымен сізге дыбыстық файл қажет. Файлды MP3 ( .mp3 ) ретінде жазу өте жақсы, себебі бұл дыбыс сапасы жоғары және браузерлердің көпшілігі (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ және Safari 5+) қолдайды.
2. Firefox 3.6+ және Opera 10.5+ қолдау көрсету үшін файлыңызды Vorbis форматына ( .ogg ) түрлендіріңіз. Vorbis.com сайтында табылған түрлендіргішті пайдалануға болады. Сондай-ақ, Firefox және Opera қолдауын алу үшін MP3-ді WAV файл пішіміне ( .wav ) түрлендіруге болады. Мен сіздің файлыңызды қауіпсіздіктің барлық түрлеріне орналастыруды ұсынамын, бірақ ең қажет MP3 және тағы бір түрі.
3. Барлық аудио файлдарды веб-серверге жүктеңіз және оларды сақтап қойған каталогқа ескертпе жасаңыз. Көптеген дизайнерлер сияқты суреттер каталогындағы суреттерді сақтау сияқты оларды аудио файлдарға арналған ішкі каталогқа орналастыру өте жақсы.
4. Аудиожүйені басқару элементтері көрсетілетін HTML файлына AUDIO элементін қосыңыз. <дыбыстық басқару элементтері>
5. AUDIO элементінің ішіне жүктеген әрбір аудио файл үшін SOURCE элементтерін орналастырыңыз:

1. AUDIO элементінің ішіндегі кез-келген HTML AUDIO элементін қолдамайтын браузерлер үшін қалпына келтіру ретінде пайдаланылады. Сондықтан кейбір HTML қосыңыз. Ең оңай жолы - оларды файлды жүктеуге мүмкіндік беру үшін HTML қосу, бірақ дыбысты ойнату үшін HTML 4.01 енгізу әдістерін пайдалануға болады. Мұнда қарапайым қалпына келтіру:

   Сіздің браузеріңіз аудио ойнатуды қолдамайды, файлды жүктеңіз:

   1. MP3 ,
   2. Vorbis , WAV
2. Сізге ең соңғы нәрсе AUDIO элементін жабады:
3. Аяқтағаннан кейін сіздің HTML келесідей болуы керек: <дыбыстық басқару элементтері>
   4. Сіздің браузеріңіз аудио ойнатуды қолдамайды, файлды жүктеңіз:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

Қосымша кеңестер

1. HTML5 doctype () функциясын пайдаланып, сіздің HTML тексеріңіз
2. Элементке қандай басқа опцияларды қосуға болатынын көру үшін элементке қол жетімді төлсипаттарды қарап шығыңыз.
3. Әдепкі бойынша, басқару элементтерін қосу үшін және автоплайды өшіруді орнататынымызды ескеріңіз. Сіз, әрине, өзгерте аласыз, бірақ есте сақтаңыз, көптеген адамдар автоматты түрде басталатын дыбыстарды іздейді / олар тітіркендіргіш болуы үшін бақылана алмайды, және жиі сол кезде бұл беттен кетіп қалады.