HTML5 дазваляе лёгка дадаць гук і музыку на вэб-старонкі з элементам. На самай справе, цяжэй за ўсё зрабіць, гэта стварыць некалькі крыніц, трэба, каб пераканацца, што вашыя гукавыя файлы гуляюць на самых розных браўзэраў.
Перавага выкарыстання HTML5 у тым, што вы можаце ўстаўляць гук толькі з дапамогай пары тэгаў. Браўзэры, а затым, прайграваць гук гэтак жа , як яны будуць адлюстроўвацца малюнак пры выкарыстанні элемента IMG.
Як дадаць гук да HTML5 вэб-старонкі
Вы будзеце мець патрэбу ў HTML - рэдактар , гукавы файл (пажадана ў фармаце MP3), і гукавой канвэртар файлаў.
- Па-першае, вам патрэбен гукавы файл. Лепш за ўсё , каб запісаць файл як MP3 (.mp3) , як гэта мае высокую якасць гуку і падтрымліваецца большасцю браўзэраў (Android 2.3+, Chrome 6+, IE 9+, IOS 3+ і Safari 5+).
- Пераўтварыць файл у фармаце Vorbis (.ogg) , каб дадаць у Firefox 3.6 + і падтрымка Opera 10.5+. Вы можаце выкарыстоўваць канвэртар як знойдзеныя на Vorbis.com. Вы таксама можаце канвертаваць MP3 ў фармат WAV файлаў (.wav) , каб атрымаць Firefox і Opera падтрымку. Я рэкамендую размясціць файл ва ўсіх трох тыпаў, толькі для бяспекі, але найбольш вам трэба MP3 і адзін іншага тыпу.
- Загрузіць усе аўдыё файлы на вашым вэб - сэрвэры і запомніце каталог , вы захавалі іх. Гэта добрая ідэя , каб змясціць іх у падкаталог толькі для гукавых файлаў, як і большасць дызайнераў захоўваць выявы ў каталогу малюнкаў.
- Дадайце элемент AUDIO ў ваш HTML - файл , у якім вы хочаце элементы кіравання гукавога файла , які будзе адлюстроўвацца. <Кіравання аўдыё>
- Усталюйце крыніца элементаў для кожнага гукавога файла , які вы загружаеце ўнутры элемента AUDIO:
- <Крыніца SRC = "/ аўдыё / sound.mp3">
- <Крыніца SRC = "/ аўдыё / sound.ogg"> <крыніца SRC = "/ аўдыё / sound.wav">
- Любы HTML ўнутры элемента AUDIO будзе выкарыстоўвацца ў якасці запаснога варыянту для браўзэраў , якія не падтрымліваюць элемент AUDIO. Так дадаць некаторыя HTML. Самы просты спосаб дадаць HTML, каб іх загрузіць файл, але вы таксама можаце выкарыстаць HTML 4.01 метады ўкладанні для прайгравання гуку. Вось просты запасны варыянт:
Ваш браўзэр не падтрымлівае прайграванне аўдыё, спампаваць файл:
- Апошняе , што вам трэба зрабіць , гэта зачыніць ваш AUDIO элемент:
- Калі вы скончыце, ваш HTML павінен выглядаць наступным чынам : <кіраванне аўдыё>
дадатковыя парады
- Абавязкова выкарыстоўвайце доктайп HTML5 (), каб ваш HTML будзе правяраць
- Агляд атрыбутаў для элемента, каб убачыць, што іншыя варыянты вы можаце дадаць да вашага элементу.
- Звярніце ўвагу, што мы стварылі HTML, каб уключыць элементы кіравання па змаўчанні і ёсць аўтазапуск адключаны. Вы можаце, вядома, змяніць гэта, але памятайце, што многія людзі знаходзяць гук, які запускаецца аўтаматычна / што яны не могуць кантраляваць, каб быць раздражняльным у лепшым выпадку, і часта проста пакідаюць старонку, калі гэта адбудзецца.