Home-theater-designers
Если вы хотите, чтобы посетители вашего веб-сайта могли наслаждаться файлом MP3, один из самых простых способов сделать это - встроить его на страницу. Благодаря встроенному MP3-плееру посетителям не нужно напрямую загружать аудио или использовать дополнительное программное обеспечение, потому что оно воспроизводится в реальном времени.
Мы собираемся подробно рассказать о различных методах, которые вы можете использовать для встраивания MP3 на свой веб-сайт, в том числе с использованием HTML5 и Google Диска.
1. Вставьте MP3 на свой веб-сайт с помощью HTML5
Если вам удобно редактировать код своего веб-сайта, один из самых простых способов встроить файл MP3 - использовать HTML5.
HTML5 на первый взгляд может показаться простым, но он мощный, поскольку совместим со всеми основными настольными и мобильными браузерами.
Чтобы встроить MP3 с HTML5, используйте этот код:
Your browser does not support the audio tag.Просто замените URL MP3 ЗДЕСЬ с загруженным аудиофайлом. Это не может быть файл, хранящийся на вашем компьютере; он должен быть доступен в Интернете.
когда была создана моя учетная запись google
Этот код разместит на странице небольшой аудиоплеер, с которого пользователь может воспроизводить, приостанавливать, прокручивать и регулировать громкость. Вот как это выглядит в Firefox:
Этот код также включает сообщение, которое будет отображаться вместо медиаплеера в том маловероятном случае, когда браузер пользователя не поддерживает проигрыватель.
Вы можете применять такие атрибуты, как Автовоспроизведение а также петля , вот так:
Your browser does not support the audio tag.Имейте в виду, что большинство браузеров не поддерживают автовоспроизведение, потому что автоматическое принудительное воспроизведение звука для пользователей считается плохой практикой.
Базовая настройка может быть применена к блоку аудиоплеера через CSS, например граница а также набивка . Однако вам нужно будет использовать JavaScript, чтобы правильно стилизовать сам плеер, чтобы он был согласован во всех браузерах.
Дополнительную информацию об атрибутах и настройках аудиоплеера HTML5 можно найти на Веб-документы MDN .
как найти историю здания
Связанный: Классные HTML-эффекты, которые каждый может добавить на свои сайты
2. Вставьте MP3 на свой веб-сайт с помощью Google Диска.
Google Диск - это отличный и бесплатный поставщик облачного хранилища . Вы можете использовать его для загрузки файла MP3 и создания аудиоплеера.
Когда MP3 загружен на Google Диск:
- Щелкните правой кнопкой мыши файл и щелкните Получить ссылку .
- Измените ограничение доступности на Все, у кого есть ссылка .
- Наконец, нажмите Копировать ссылку .
Это даст вам URL-адрес, подобный этому:
https://drive.google.com/file/d/123/view?usp=sharingЗаменять просмотреть? usp = обмен с участием предварительный просмотр , вот так:
https://drive.google.com/file/d/123/previewЗатем используйте Вы можете настроить, добавить или удалить атрибуты (например, рамка а также ширина ) как необходимо. Это встроит MP3 на ваш веб-сайт с помощью плеера Google Диска. Пользователи могут играть, чистить и регулировать громкость, как в проигрывателе HTML5. Вот как это выглядит: Основное отличие - наличие выскочить кнопка. Это открывает MP3 на Google Диске, где пользователи могут добавлять комментарии, делиться файлом и т. Д. Если вы используете систему управления контентом (CMS) для своего веб-сайта, вы, вероятно, все еще можете использовать описанные выше методы. Тем не менее, вам может быть неудобно редактировать HTML-код. Любая хорошая CMS позволит вам легко добавлять аудио на ваш сайт через интерфейс. Например, в WordPress вам просто нужно добавить блок , Выбрать Аудио , а затем либо Загрузить MP3, выберите его из своего Медиа библиотека , или Вставить из URL . Независимо от того, используете ли вы Google Sites, ExpressionEngine или такую службу, как Squarespace, процесс добавления звука будет немного другим, поэтому обязательно обратитесь к справочной документации компании для получения полного руководства. Используя любой из вышеперечисленных методов, посетители вашего веб-сайта теперь смогут с легкостью слушать файлы MP3 через медиаплеер. Тем не менее, вам не всегда нужно использовать файлы MP3. Есть много других распространенных аудиоформатов, таких как WAV и FLAC, которые вы также можете воспроизводить на своем веб-сайте. Вы знаете о MP3, но как насчет AAC, FLAC, OGG или WMA? Почему существует так много форматов аудиофайлов и есть ли лучший аудиоформат? Джо родился с клавиатурой в руках и сразу начал писать о технологиях. Он имеет степень бакалавра (с отличием) в области бизнеса и теперь работает внештатным писателем на полную ставку, которому нравится делать технологии простыми для всех. Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!3. Вставьте MP3 на свой веб-сайт с помощью CMS.
primevideo.com в настоящее время недоступен для вашей учетной записи
Пусть ваши посетители с легкостью слушают MP3
Об авторе Джо Кили(Опубликовано 652 статей) Подписывайтесь на нашу новостную рассылку