Използвайте функция на JavaScript, за да позволите на посетителите на уебсайта да възпроизвеждат MP3.
Възможни са редица начини за вграждане и възпроизвеждане на MP3 аудио файлове на вашите уеб страници. Отхвърленият маркер "вграждане" в HTML, различни Flash плейъри и Java-базирани плейъри са примери. Стандартът HTML5, със своя акцент върху скриптовете и липсата на зависимост от софтуер на трети страни, предлага най-съвместимия начин за вграждане и възпроизвеждане на MP3 файлове на уеб страници в бъдеще. Вградете MP3 файла с HTML5 "аудио" обект и след това използвайте функция на JavaScript, за да започнете да го възпроизвеждате
Етап 1
Добавете следния код към тялото на вашия HTML документ:
Видео на деня
Този код вгражда и зарежда MP3 файла, но не го възпроизвежда. Стойността на етикета "src" съдържа пътя към и името на файла на MP3.
Стъпка 2
Добавете следния JavaScript код между етикетите "head" на вашия HTML документ:
Тази функция, когато е извикана, осъществява достъп до елемента "аудио" чрез неговия идентификатор ("mp3") и използва метода play(), за да го възпроизведе.
Стъпка 3
Добавете бутон към уеб страницата, за да извикате функцията "playMP3", когато потребителят щракне върху нея. Добавете следния код към тялото на HTML документа:
Променете атрибута "value", за да дадете на бутона различно заглавие.
Стъпка 4
Използвайте следната функция вместо "playMP3", за да позволите на потребителя да постави на пауза файла, след като го стартира:
функция playpauseMP3(){ if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }
Променете атрибута "onClick" на етикета "input" в стъпка 3, за да съответства на името на тази функция.
