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

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

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

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

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

Что вам нужно от музыкального плеера?

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

Поддержка файлов

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

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

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


Управление и брендинг

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

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

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


Эффекты производительности

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

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

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


Стоимость

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

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

WordPress встраивание аудио по умолчанию

WordPress встраивание аудио по умолчанию

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

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

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

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

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

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

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

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

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

Использование плагинов музыкального плеера

Использование плагинов музыкального плеера

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

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

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

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

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

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

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

Как вы обрабатываете музыку на вашем сайте?

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

Похожие материалы