Стандартът HTML5 поддържа два различни механизма за представяне на аудио файлове. Или свържете MP3, като го направите достъпен за изтегляне, или го вградете така, че хората да могат да се наслаждават на музиката от аудио плейър на страница.
Наличност на аудио
MP3 файлът трябва да бъде достъпен в интернет, преди връзката или вграденият обект да успее. Ако MP3 вече е онлайн, копирайте директния URL адрес във файла. Този URL трябва да е към медийния актив; не може да бъде на страницата, с която активът е свързан.
Със собствените си MP3 файлове трябва да използвате инструмент за качване на файла от вашия компютър на сървър за интернет файлове. Повечето хора използват FTP, SFTP или SSH, за да качат MP3 на своя уебсайт, въпреки че ако вашият сайт използва система за управление на съдържанието като WordPress, CMS поддържа помощна програма за качване с насочване и щракване.
Добавяне на MP3 към вашата уеб страница
С URL в ръка сте готови да добавите MP3 към вашия сайт. Ако вашият инструмент за създаване на страници поддържа интерфейс point-and-click, използвайте го - тъй като всеки е различен, консултирайте се с вашата CMS документация за конкретни процедури.
Независимо от вашия GUI, ръчните редакции на HTML винаги работят последователно.
Създаване на връзка
Връзка, която отваря медийния файл в нов раздел или го изтегля на компютъра на посетителя, разчита на стандарт котва етикет. Следователно HTML елементът се състои от закотвените тагове, URL адреса на MP3, текста, който активира хипервръзката, и незадължителните параметри. Например да изтеглите подкаст.mp3 чрез връзка със заглавие Изтеглете предаването!, използвайте следния HTML елемент:
Изтеглете предаването!
Този елемент налага изтегляне на MP3. За да позволите MP3 да се отвори, премахнете Изтегли атрибут в края на MP3 URL адреса.
Вграждане на аудио файла
За да използвате HTML5 за вграждане на малък аудио плейър, използвайте аудио елемент. Тъй като някои браузъри не го поддържат, всеки текст, включен в елемента, се показва, ако браузърът не може да покаже аудио плейър.
Вашият браузър не поддържа аудио маркер.
The аудио елементът включва няколко стандартни атрибута:
- Автоматично изпълнение: Ако е посочено в етикета, звукът се възпроизвежда веднага щом се зареди и е готов, независимо от взаимодействието на посетителите с вградения аудио плейър.
- Контроли: Показва основните контроли, включително бутон за възпроизвеждане / пауза и връзка за изтегляне.
- Примка: Когато е посочено, цикъл непрекъснато възпроизвежда аудиото.
- Без звук: Заглушава аудио изхода.