Статьи

Добавление музыкального проигрывателя на ваш сайт WordPress

Думаете о добавлении значительного количества аудио на ваш сайт? Или, может быть, просто клип на одну песню? При работе с WordPress существуют десятки различных способов добавить музыкальный или аудиоплеер на ваш сайт.

Выбор того, который лучше всего подходит для вас, может быть сложным. В этой части мы поговорим о нескольких решениях, а также о нескольких кратких вопросах, которые помогут вам выбрать правильный метод для вас.

Давайте начнем!

Чтобы выяснить, какой музыкальный проигрыватель использовать, нам сначала нужно выделить то, для чего мы будем его использовать. Вот несколько разных вещей для рассмотрения.

Как содержатся ваши типы файлов? Обычно музыка доступна в формате MP3, но вы можете искать решение с эзотерической поддержкой.

Другие вопросы, касающиеся типов аудиофайлов:

  • Вам нужно воспроизводить файлы высокого разрешения или большого размера?
  • Вы воспроизводите музыку из аудиофайлов или музыка встроена в видеофайл?
  • Вам нужна поддержка аудиопотоков, а не статических файлов?
  • Вы хотите смешать типы файлов, например, создать список воспроизведения файлов нескольких типов?

То, как ваш музыкальный проигрыватель управляет, может иметь большое значение, и зачастую это разница между плеером, который соответствует дизайну сайта, и тем, который только что был добавлен. Кроме того, многие из более простых (и менее дорогих) вариантов для аудиоплееров включают в себя: брендинг другого бизнеса — а иногда даже реклама.

Вот несколько вопросов, которые помогут вам выяснить ваши собственные потребности:

  • Хотите брендинг другой компании на вашем сайте?
  • Вы ищете настройки для элементов управления, доступных для пользователей?
  • Хотите показывать рекламу, которую не можете контролировать?
  • Насколько интегрированным вы хотите, чтобы ваш музыкальный плеер выглядел?

При выборе аудиоплеера для вашего сайта также важно учитывать любые эффекты производительности. Воспроизведение файлов высокой четкости может замедлить работу пользователя, равно как и встраивание музыкального проигрывателя с другого сервера. Наличие настраиваемого или автономного аудио решения может значительно повысить производительность, но имеет недостатки при сборке и обслуживании плеера.

Вот несколько вещей, которые следует учитывать при рассмотрении производительности:

  • Как быстро вы хотите, чтобы аудио было доступно?
  • У вас есть большое количество файлов или файлов большого размера?
  • На каком уровне технической работы вам удобно работать?

Последнее, на что нужно обратить внимание при выборе музыкального проигрывателя — это стоимость. На самом деле это бывает трех разновидностей:

  • Вы ищете бесплатное решение?
  • Вы бы заплатили единовременную плату за ту, которая отвечала вашим потребностям?
  • Достаточно ли вы полагаетесь на аудиоплеер, чтобы приемлемая стоимость была приемлемой?

Самый простой способ разместить музыкальный проигрыватель на вашем сайте WordPress — использовать встроенную систему CMS. Поместив ссылку на аудио, которое вы встраиваете в область содержимого вашего редактора WordPress, аудио плеер будет автоматически встроен. Из-за интеграции по умолчанию она бесплатна для пользователей WordPress, если только услуга, в которой хранится само аудио, не связана с затратами.

Однако есть несколько важных замечаний по использованию этого метода.

Во-первых, на данный момент поддерживается только около 30 сервисов. Хотя это включает в себя некоторые из самых популярных опций, таких как SoundCloud, Spotify и YouTube, оно ограничено. Весь список доступен на странице встраивания Кодекса WordPress .

Во-вторых, встраивание часто включает код стороннего сервиса, где размещается контент. Это может добавить дополнительные запросы и время загрузки на ваш сайт. В большинстве случаев это не заметно, но это может быть проблемой на более медленных хостах веб-сайтов или с большими файлами.

В-третьих, дополнительный код также может означать дополнительный контент. Это может происходить в виде рекламы, вставляемой в ваше аудио, брендинга от используемой службы, и систем рекомендаций, которые могут попытаться предложить что-то для вашего пользователя, которое находится вне вашего контроля.

Подобно встраиванию по умолчанию в WordPress, этот метод состоит из встраивания стороннего аудиоплеера в ваш сайт. Разница здесь в том, что до тех пор, пока сервис, который вы используете для размещения аудио, имеет встроенный код, вы можете добавить его. То есть, если вам удобно копировать и вставлять фрагмент кода.

Обычно для этого нужно просто зайти на сайт, найти область для встраивания или публикации и скопировать код в буфер обмена. Затем вы вставите этот код в виджет WordPress или непосредственно в редактор вашей страницы или поста.

Помимо этих моментов, это в значительной степени остается тем же, что и по умолчанию в WordPress. Использование этих встраиваемых файлов в основном бесплатное, но существует риск снижения скорости и нежелательного контента для ваших пользователей.

Если вы не хотите иметь дело с кодом, но хотите разместить свои собственные файлы, вы можете найти множество плагинов музыкального плеера для WordPress.

При использовании плагина в качестве инструмента для встраивания сторонних аудиоплееров вы сталкиваетесь с теми же преимуществами и недостатками. Вам не нужно будет трогать какой-либо код сейчас, но вы по-прежнему будете предупреждены о брендинге другой компании, потенциально ее контенте и нескольких звонках на их сервер при загрузке ваших страниц.

Для работы с собственной музыкой существует множество отличных плагинов, таких как ZoomSounds . Это значительно усложняет использование специального плеера на вашем сайте. Хотя это платный плагин, ZoomSounds предлагает множество преимуществ.

Плагин аудио проигрывателя ZoomSounds

Первое преимущество заключается в том, что ваши аудиофайлы могут храниться на вашем собственном сервере. Это может потенциально увеличить скорость вашего сайта за счет сокращения звонков, но вам потребуется достаточный хостинг. Кроме того, у вас будет больше контроля над вашим аудиоплеером и потоком пользователей на вашем сайте. Например, вы определяете, как будет выглядеть медиаплеер и какой контент видят пользователи.

Посмотрите наш пост о плагинах аудиоплеера премиум-класса для WordPress .

  • WordPress
    15 лучших плагинов для WordPress Audio Player и Video Player
    Джейн Бейкер

Если вы ищете полный контроль, вы можете использовать WordPress с открытым исходным кодом, чтобы создать свой собственный аудиоплеер. Используя такую ​​библиотеку, как Howler.js , вы можете собрать плеер с нуля и настроить его так, чтобы он идеально подходил для вашего сайта, в то же время обрабатывая практически любой тип аудиофайлов.

С этим контролем приходит значительное количество усилий. Вам нужно либо быть знакомым с JavaScript и CSS (и, возможно, немного PHP), либо захотеть нанять разработчика для создания и поддержки вашего плеера.

Имея так много доступных вариантов, лучший способ добавить музыкальный проигрыватель на ваш сайт WordPress действительно соответствует вашим потребностям. Если у вас уже есть аудио решение, которое вы любите, сообщите нам об этом в комментариях ниже!