Како додати звук на ХТМЛ5 веб страницу

ХТМЛ5 олакшава додавање звука и музике на своје веб странице са елементом. Заправо, најтежа ствар је стварање вишеструких извора који су вам потребни како бисте били сигурни да се ваше звучне датотеке играју на најразличитијим претраживачима.

Предност кориштења ХТМЛ5 је у томе што можете уграђивати звук само помоћу неколико ознака. Тада прегледачи репродукују звук баш као да би приказали слику када користите ИМГ елемент.

Како додати звук на ХТМЛ5 веб страницу

Потребан вам је ХТМЛ Едитор , звучна датотека (пожељно у МП3 формату) и претварач звучне датотеке.

1. Прво, потребна вам је звучна датотека. Најбоље је снимити датотеку као МП3 ( .мп3 ) јер има висок квалитет звука и подржава већина претраживача (Андроид 2.3+, Цхроме 6+, ИЕ 9+, иОС 3+ и Сафари 5+).
2. Претворите своју датотеку у Ворбис формат ( .огг ) да бисте додали у Фирефок 3.6+ и Опера 10.5+ подршку. Можете користити претварач као што је пронађен на Ворбис.цом. Такође можете претворити свој МП3 у формат ВАВ датотеке ( .вав ) како бисте добили подршку за Фирефок и Опера. Препоручујем објављивање датотеке у сва три типа, само због сигурности, али највише вам је потребно МП3 и још један тип.
3. Поставите све аудио датотеке на свој веб сервер и забележите им директор који сте их ускладили. Добро је да их ставите у под-директориј само за аудио датотеке, као што већина дизајнера чувају слике у директоријуму слика .
4. Додајте АУДИО елемент у вашу ХТМЛ датотеку где желите да се приказују контроле аудио датотека. <аудио контрола>
5. Поставите СОУРЦЕ елементе за сваку аудио датотеку коју постављате унутар елемента АУДИО :
   1. <соурце срц = "/ аудио / соунд.мп3">
   2. <соурце срц = "/ аудио / соунд.огг"> <соурце срц = "/ аудио / соунд.вав">

1. Сваки ХТМЛ унутар АУДИО елемента ће се користити као резервни за прегледаче који не подржавају АУДИО елемент. Зато додајте неки ХТМЛ. Најлакши начин је додавање ХТМЛ-а да им дозволи да преузму датотеку, али такође можете користити ХТМЛ 4.01 методе убацивања за репродукцију звука. Ево једноставног повратка: <п> Ваш претраживач не подржава аудио репродукцију, преузмите датотеку:
   1. <а хреф="/аудио/соунд.мп3"> МП3 ,
   2. <а хреф="/аудио/соунд.огг"> Ворбис , <а хреф="/аудио/соунд.вав"> ВАВ
2. Последња ствар коју треба да урадите је да затворите свој АУДИО елемент:
3. Када завршите, ваш ХТМЛ треба да изгледа овако: <аудио контрола>
   1. <соурце срц = "/ аудио / соунд.мп3">
   2. <соурце срц = "/ аудио / соунд.огг">
   3. <соурце срц = "/ аудио / соунд.вав">
   4. <п> Ваш претраживач не подржава репродукцију звука, преузмите датотеку:
   5. <а хреф="/аудио/соунд.мп3"> МП3 ,
   6. <а хреф="/аудио/соунд.огг"> Ворбис ,
   7. <а хреф ="/аудио/соунд.вав"> ВАВ

Додатни савети

1. Обавезно користите ХТМЛ5 доцтипе () тако да ваш ХТМЛ буде валидиран
2. Прегледајте атрибуте доступне за елемент да бисте видели које друге опције можете додати свом елементу.
3. Имајте на уму да смо подесили ХТМЛ да укључите контроле по подразумеваној вредности и да аутоплаи буде искључен. Можете, наравно, то променити, али запамтите да многи људи проналазе звук који се аутоматски покреће / који не могу контролисати да би у најбољем случају узнемирили и често ће напустити страницу када се то догоди.