Как да вградите безплатен MP3 плейър на вашия уебсайт: 3 начина

Как да вградите безплатен MP3 плейър на вашия уебсайт: 3 начина

Ако искате посетителите на вашия уебсайт да се насладят на MP3 файл, един от най -лесните начини да направите това е да го вградите в страницата. С вграден MP3 плейър посетителите не трябва да изтеглят директно аудиото или да използват допълнителен софтуер, защото той се възпроизвежда вграден.





Ще разгледаме подробно различни методи, които можете да използвате, за да вградите MP3 във вашия уебсайт, включително използването на HTML5 и Google Диск.





1. Вградете MP3 във вашия уебсайт с HTML5

Ако ви е удобно да редактирате кода на вашия уебсайт, един от най -лесните начини да вградите MP3 файл е да използвате HTML5.





HTML5 тагът може да изглежда основен на пръв поглед, но е мощен, тъй като е съвместим с всички основни настолни и мобилни браузъри.

За да вградите MP3 с HTML5, използвайте този код:



Your browser does not support the audio tag.

Просто заменете MP3 URL ТУК с качения от вас аудио файл. Това не може да бъде файл, съхраняван на вашия компютър; тя трябва да е достъпна онлайн.

най -доброто място за закупуване на части за компютър

Този код ще постави малък аудио плейър на страницата, от който потребителят може да свири, да прави пауза, да търка и да регулира силата на звука. Ето как изглежда във Firefox:





Този код включва и съобщение, което ще се покаже на мястото на медийния плейър, при малко вероятните обстоятелства, че браузърът на потребителя не поддържа плейъра.

Можете да приложите атрибути като напр автоматично изпълнение и цикъл , така:





Your browser does not support the audio tag.

Имайте предвид, че повечето браузъри няма да поддържат автоматично възпроизвеждане, защото се счита за лоша практика автоматичното принуждаване на аудио към потребителите.

Основното персонализиране може да се приложи към блока на аудио плейъра чрез CSS, като граница и подплънки . Въпреки това ще трябва да използвате JavaScript, за да оформите правилно самия плейър, така че да е последователен в браузърите.

Повече информация за атрибутите на аудио плейъра HTML5 и персонализирането можете да намерите на MDN уеб документи .

как да намерите всички акаунти, свързани с имейл

Свързани: Готини HTML ефекти, които всеки може да добави към своите уебсайтове

2. Вградете MP3 във вашия уебсайт с Google Drive

Google Диск е отличен и безплатен доставчик на облачно хранилище . Можете да го използвате, за да качите вашия MP3 файл и да създадете аудио плейър.

С MP3, качени в Google Drive:

  1. Кликнете с десния бутон файла и щракнете върху Вземете връзка .
  2. Променете ограничението за достъпност на Всеки с връзката .
  3. Накрая щракнете Копирай връзка .

Това ще ви даде URL, подобен на този:

https://drive.google.com/file/d/123/view?usp=sharing

Заменете view? usp = споделяне с предварителен преглед , така:

https://drive.google.com/file/d/123/preview

След това използвайте an

Можете да коригирате, добавяте или премахвате атрибутите (като frameborder и ширина ) според необходимостта.

Това ще вгради MP3 във вашия уебсайт с помощта на плейъра на Google Диск. Потребителите могат да играят, да търкат и да регулират силата на звука, както при HTML5 плейъра. Ето как изглежда:

Основната разлика е наличието на a изкача бутон. Това отваря MP3 в Google Drive, където потребителите могат да добавят коментари, да споделят файла и др.

3. Вградете MP3 във вашия уебсайт с CMS

Ако използвате система за управление на съдържанието (CMS) за вашия уебсайт, вероятно все още можете да използвате горните методи. Това каза, че може да не ви е удобно да редактирате HTML код.

безплатен офлайн изтеглящ музика и плейър

Всяка добра CMS ще ви позволи лесно да добавяте аудио към вашия уебсайт чрез неговия интерфейс. Например в WordPress просто трябва добавете блок , изберете Аудио , и след това или Качване MP3, изберете го от вашия Медийна библиотека , или Вмъкване от URL .

Независимо дали използвате Google Sites, ExpressionEngine или услуга като Squarespace, процесът на добавяне на аудио ще бъде малко по -различен, така че не забравяйте да се консултирате с помощната документация на компанията за пълни указания.

Позволете на вашите посетители да слушат MP3 с лекота

Използвайки някой от горните методи, посетителите на вашия уебсайт вече ще могат лесно да слушат MP3 файлове чрез медиен плейър.

Въпреки това, не винаги е необходимо да използвате MP3 файлове. Има много други често срещани аудио формати, като WAV и FLAC, които можете да възпроизвеждате еднакво на вашия уебсайт.

Дял Дял Туит електронна поща 10 -те най -често срещани аудио формата: кой трябва да използвате?

Знаете за MP3, но какво ще кажете за AAC, FLAC, OGG или WMA? Защо съществуват толкова много аудио файлови формати и има ли най -добър аудио формат?

Прочетете Напред
Свързани теми
  • интернет
  • Уеб разработка
  • Инструменти за уеб администратори
  • HTML5
За автора Джо Кийли(652 статии са публикувани)

Джо се роди с клавиатура в ръце и веднага започна да пише за технологиите. Има бакалавърска степен по бизнес и сега е писател на свободна практика на пълен работен ден, който се радва да опрости технологиите за всички.

Още от Джо Кийли

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате