HTML5 нь элементтэй таны веб хуудсанд дуу хөгжмийг нэмэхэд хялбар болгоно. Үнэндээ хамгийн хэцүү зүйл бол хамгийн өргөн хэрэглэгддэг хөтчүүд дээр таны дууны файлууд тоглоход хэрэгтэй олон тооны эх үүсвэрүүдийг үүсгэх явдал юм.
HTML5-ийн ашиг тус бол та хэд хэдэн тэмдэглэгээг ашиглан дуу оруулах боломжтой. Хөтчүүд нь дараа нь IMG элементийг ашиглаж байхдаа зургийг харуулахтай адил дууг тоглуулдаг .
HTML5 веб хуудсанд дууг хэрхэн нэмэх талаар
Та HTML засварлагч , дууны файл (илүү зохимжтой үед MP3 хэлбэрээр), дууны файл хөрвүүлэгч хэрэгтэй болно.
- Эхлээд танд дууны файл хэрэгтэй. Энэ файлыг MP3 ( .mp3 ) гэж тэмдэглэх нь хамгийн сайн арга юм. Учир нь энэ нь маш өндөр чанартай бөгөөд ихэнх хөтчүүд дэмждэг (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, Safari 5+).
- Firefox 3.6+ болон Opera 10.5+ дэмжлэгийг нэмэхийн тулд өөрийн файлыг Vorbis формат ( .ogg ) руу хөрвүүлэх. Та Vorbis.com дээрээс олж болох хөрвүүлэгчийг ашиглаж болно. Та бас MP3-ийг WAV файлын формат ( .wav ) болгон хөрвүүлж Firefox болон Opera-г авах боломжтой. Зөвхөн аюулгүй байдлыг хангахын тулд таны файлыг бүх төрлийн гурван хэлбэрээр байршуулахыг зөвлөж байна, гэхдээ танд хамгийн их хэрэгтэй MP3 болон өөр нэг төрлийн байна.
- Бүх видеонуудаа вэб сервертээ байршуулж, тэдгээрт хадгалагдсан санг тэмдэглээрэй. Ихэнх дизайнерууд зураг зурах сан доторх зургийг хадгалах гэх мэт зүгээр л аудио файлд байрлуулах нь зүйтэй юм.
- AUDIO элементийг таны HTML файлд нэмснээр дууны файлыг хянахыг хүсч байгаа бол. <аудио хяналт>
- AUDIO элемент дотор байршуулсан аудио файл бүрт SOURCE элементүүдийг байршуулна уу:
-
- AUDIO элемент доторх ямар ч HTML нь AUDIO элементийг дэмждэггүй хөтчүүдэд унах байдлаар ашиглагдах болно. Тиймээс зарим HTML нэмэх хэрэгтэй. Хамгийн хялбар арга бол файлыг татаж авахыг зөвшөөрөхийн тулд HTML-г нэмэх явдал юм. Гэхдээ HTML 4.01-ийг дуудах аргыг бас ашиглаж болно. Энд энгийн уншилт байна:
Таны хөтөч аудио тоглуулалтыг дэмждэггүй, файлыг татаж аваарай:
- Хамгийн сүүлд хийх зүйл бол AUDIO элементээ хаах явдал юм:
- Ингэсний дараа таны HTML дараах байдалтай харагдах болно:
Нэмэлт зөвлөмжүүд
- HTML5 doctype () ашиглана уу. Ингэснээр HTML тань батлагдах болно
- Элементэнд боломжтой шинж чанаруудыг харахын тулд өөрийн элементэд нэмэх боломжтой бусад сонголтуудыг харах боломжтой.
- Анхдагч тохиргоог автоматаар удирдаж, автоматаар унтраасан HTML-г тохируулах HTML-ийг тохируулсан гэдгийг анхаарна уу. Мэдээжээр та үүнийг өөрчилж болно, гэхдээ олон хүмүүс автоматаар эхлээд / хамгийн хямд байхын тулд хянаж чадахгүй дууг олж авдаг бөгөөд энэ нь хэзээ нэгэн цагт хуудаснаас гарах болно.