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

Anonim

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

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

ИМГ елемент.

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

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

  1. Прво, потребна вам је звучна датотека. Најбоље је снимити датотеку као МП3 (

    .мп3) јер има висок квалитет звука и подржава већина претраживача (Андроид 2.3+, Цхроме 6+, ИЕ 9+, иОС 3+ и Сафари 5+).

  2. Претворите датотеку у формат Ворбис (

    .огг) да додате у Фирефок 3.6+ и Опера 10.5+ подршку. Можете користити претварач као што је пронађен на Ворбис.цом. Такође можете претворити МП3 у формат ВАВ датотеке (

    .вав) да бисте добили Фирефок и Опера подршку. Препоручујем објављивање датотеке у сва три типа, само због сигурности, али највише вам је потребно МП3 и још један тип.

  3. Поставите све аудио датотеке на свој веб сервер и забележите им директор који сте их спремили. Добро је да их ставите у под-директориј само за аудио датотеке, као што већина дизајнера чувају слике у

    слике директоријум.

  4. Додајте

    АУДИО елемент у вашу ХТМЛ датотеку где желите да се приказују контроле аудио датотека.

  5. Место

    ИЗВОР елементе за сваку аудио датотеку коју постављате унутар

    АУДИО елемент:

    1. Било који ХТМЛ унутар

      АУДИО елемент ће се користити као резервни за претраживаче који не подржавају

      АУДИО елемент. Зато додајте неки ХТМЛ. Најлакши начин је додавање ХТМЛ-а да им дозволи да преузму датотеку, али такође можете користити ХТМЛ 4.01 методе убацивања за репродукцију звука. Ево једноставног повратка:

      Ваш претраживач не подржава репродукцију звука, преузмите датотеку: МП3,

    2. Ворбис, ВАВ

  7. Последња ствар коју треба да урадите је да затворите свој АУДИО елемент:

    1. Када завршите, ХТМЛ треба да изгледа овако:

    4. Ваш претраживач не подржава репродукцију звука, преузмите датотеку:

    5. МП3,

    6. Ворбис,

    7. ВАВ

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

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

Избор Уредника