Audio Album — плагин для составления аудио альбомов
У меня была серия постов, в которых я рассказывал, как использовать js-скрипты для создания аудио-альбомов, воспроизводимых в любых браузерах:
Кому этот вариант кажется слишком сложным, я предлагаю воспользоваться очень простым, универсальным плагином Audio Album. Этот плагин использует встроенные в WordPress 3.6+ средства для вставки и воспроизведения аудио, однако расширяет их возможности: с его помощью можно составлять альбомы с описаниями, отдельными треками и текстами песен.
После установки плагина вам становятся доступны несколько шорткодов, с помощью которых можно вставлять в посты и на страницы описания аудио альбомов и треки, которые в них входят. Для вставки описания альбома используется шорткод
У этого шорткода есть несколько параметров:
- title — название альбома
- detail — описание альбома
- date — дата выпуска альбома
Пример использования шорткода:
Сразу после описания альбома можно вставить треки. Для этого используется шорткод
У этого шорткода есть множество параметров:
- title — название трека
- mp3 — абсолютный путь к файлу MP3
- ogg — абсолютный путь к файлу OGG (используется для совместимости с разными браузерами)
- wma — абсолютный путь к файлу WMA (используется для совместимости с разными браузерами)
- m4a — абсолютный путь к файлу M4A (используется для совместимости с разными браузерами)
- wav — абсолютный путь к файлу WAV (используется для совместимости с разными браузерами)
- loop — зацикливание трека
- autoplay — автовоспроизведение трека на странице
- preload — подгрузка файла в кэш браузера при загрузке страницы
- songwriter — автор трека
Пример использования шорткода:
Так же есть несколько параметров, которые можно использовать для отображения текстов композиций:
- buttonlink — ID страницы, на которой расположен текст композиции
- buttontext — название кнопки (использовать не обязательно)
- width — ширина всплывающего окна с текстом
- height — высота всплывающего окна с текстом
Если использовать эти параметры, то для трека будет отображаться кнопка, кликнув по которой, вы откроете страницу с текстом композиции. Страница откроется в отдельном, всплывающем окне с указанной шириной и высотой.
789 — это ID страницы, на которой размещен текст композиции
В итоге, вставив шорткоды в пост
вы получите вывод описания альбома и все треки, которые в него входят.
Audio Album 
Источник
Как добавить аудио на ваш WordPress сайт?
Опять давненько не писал новых статей — сейчас исправляюсь! И сегодня мы затронем такую тему как вставить аудио на ваш блог. В статье получилось очень много картинок, так что даже новичок разберется со всем. Погнали!
В WordPress есть возможность добавлять различные типы файлов в ваши посты. Звуковые файлы являются менее используемые чем например картинки или текст. Тем не менее, бывают случаи, когда есть необходимость добавить аудио на свой сайт, и вы можете сделать это легко со встроенной функциональностью, которая уже есть в WordPress. Вот как вы можете это сделать:
Добавление аудио файлов в посты и страницы
Если вы хотите добавить звуковой файл к посту или странице, вы можете сделать это с помощью редактора.
1. В текстовое поле редактора потавьте курсор в том месте где вы хотите чтобы показать аудиоплеер и нажмите кнопку Добавить.
2. Если у вас аудио-файл уже загружен, выберите его из библиотеки мультимедиа.
3. Если нет, перейдите во вкладку загрузить файлы и загрузите файлы.
4. Звуковые файлы и другие медиа-файлы, как правило, большие по размеру. По умолчанию в PHP выставлена максимальная загрузка файлов размером 2M. Таким образом, вы можете столкнуться с ошибкой, что выбранный файл превышает максимальный размер загружаемого файла.
5. В таком случае перейдите к файлу php.ini и посмотреть на эту линию:
6. Перезапустите сервер Apache, а затем повторите попытку чтобы загрузить файл. Вы должны увидеть новый размер на экране.
7. Выберите файл и загрузите его. В редакторе вы получите готовый плеер.
8. Опубликованная статья будет также иметь такой же плеер, который может быть использован для запуска / паузы / остановки аудио. Вы также сможете регулировать громкость звука. Это аудио-плеер по умолчанию, который поставляется с WordPress.
Аудио Shortcode:
Вместо того, чтобы использовать Добавить кнопку, вы также можете использовать шорткод для вставки аудио. Нажмите на вкладке Текст в редакторе сообщений и вы можете увидеть шорткод аудио, который вы только что загрузили.
Звук по умолчанию в шорткоде выглядит следующим образом. Добавьте исходный файл аудио в качестве аргумента внутри шорткода, который будет выглядеть следующим образом.
Аудиоплеер может использовать аудио файлы в различных форматах. Поддерживаются форматы MP3, OGG и WAV. Вы можете включить резервное объявление и для других поддерживаемых аудио форматов, как вот тут.
Вы хотите воспроизводить аудио-отрезок непрерывно? Делайте это с аргументом цикла. По умолчанию цикл установлен в положение OFF. Установите его в положение ON.
Когда посетитель достигает страницы, вы хотите, чтобы начать автоматическое воспроизведение аудио? Вы можете сделать это с аргументом автовоспроизведения.
По умолчанию является FALSE или 0. Установите его TRUE или 1.
Некоторые сайты запускают автовоспроизведение аудио в фоновом режиме, когда посетитель заходит на сайте. Это может быть достигнуто с помощью шорткода с циклом и автовоспроизведением, кроме некоторых дополнительных CSS, то есть, установив visibility : hidden для аудиоплеера.
Однако, будьте осторожны, делая нечто подобное. Рассмотрим пользовательский опыт тоже. Пользователь, который не хочет слушать фоновую музыку не имеет никакого выбора, кроме как слушать аудио непрерывно. Это может заставить посетитель уйти прочь с вашего сайта.
Добавляем плейлист
Иногда, на музыкальном сайте необходимо отобразить список воспроизведений вместо одного звукового файла.
Списки воспроизведения также можно легко создать в WordPress, следуйте инструкции ниже.
1. В редактора нажмите на кнопку Добавить медиа. Теперь, нажмите на Создать аудио-плейлист.
2. Появиться страница Создать аудио-плейлист. Вы можете добавить необходимые (уже загруженные аудио файлов или вы можете загрузить их из вкладки загрузки файлов) аудио файлов, а затем нажмите кнопку Создать новый список воспроизведения.
3. Появится страница Редактировать аудио-плейлист, где вы можете выбрать настройки для воспроизведения. Вы можете выбрать: показыватьть или скрывать список дорожек, имена исполнителей и миниатюры исполнителей. Это также может быть сделано с помощью шорткода списка воспроизведения (как описано в следующем разделе подробно). Теперь нажмите на кнопку Вставить аудио-плейлист.
4. Вы можете сохранить пост и просмотреть его. Вы увидите список воспроизведения, миниатюры, детали в списке воспроизведения, аудио-плеер и, наконец, пронумерованный список треков с именами исполнителей и продолжительностью.
Если посмотрите на вкладке Текст в редакторе то вы увидите шорткод списка воспроизведения с идентификаторами дорожек (или загруженные аудио файлы), которые будут включены.
Playlist Shortcode:
Вместо того, чтобы создать список воспроизведения с помощью кнопки Добавить медиафайл, вы также можете использовать список воспроизведения шорткода в редакторе сообщений.
Базовый формат, чтобы добавить аргумент идентификаторов с разделенной запятой списка идентификаторов, как показано выше.
Как найти идентификаторы аудио файлов?
1. Перейдите в библиотеку мультимедиа и отфильтруйте аудио файлы.
2. Нажмите на звуковой файл, чтобы изменить его. В окне Редактировать медиафайл можно увидеть идентификатор сверху в ссылке.
3. Теперь, когда мы знаем, как использовать основной шорткод плейлиста, давайте рассмотрим различные варианты.
4. Вы можете изменить стиль воспроизведения, используя параметры. Установите его в темном стиле или пусть это будет светлый стиль по умолчанию.
5. Теперь список воспроизведения имеет темный стиль, и это хорошо выглядит на светлом фоне.
6. Вы можете выбрать, чтобы список дорожек не отображался, установив его на FALSE или 0 вместо стандартного TRUE или 1.
7. Вы увидите только детали списка воспроизведения и аудиоплеер.
8. Вы можете изменить порядок идентификаторов, чтобы изменить порядок дорожек в списке воспроизведения.
9. Вы можете также установить аргумент tracknumbers в FALSE или 0 вместо стандартного TRUE или 1, чтобы скрыть или показать номера дорожек соответственно.
10. Посмотрите на список воспроизведения с номерами дорожек когда они скрыты.
Что делать, если вы не хотите, чтобы отображалась миниатюра на верху? Вы можете сделать это, установив аргумент изображения на FALSE или 0 вместо значения по умолчанию TRUE или 1.
Вот список воспроизведения без миниатюры.
И, наконец, почему бы не удалить имена исполнителей тоже?
Используйте аргумент artists и установить его на FALSE или 0 вместо стандартного TRUE или 1, чтобы скрыть или показать имена исполнителей соответственно.
Вот список воспроизведения где имена исполнителей удалены.
Итак. Два разных способа использования и отображения аудиофайлов на вашем сайте — один файл или как список. Используйте шорткоды для быстрого и простого добавления аудиофайлов. Играйте с аргументами или их комбинацией для достижения желаемого результата, который вы имеете в виду.
Разве это не потрясающе?
Вот и конец статьи про вставки аудио-файлов на сайт. Всего вам хорошего и до новых встреч!
Источник
MnogoBlog
как создать сайт на wordpress, настроить и оптимизировать wordpress
Топ бесплатных плагинов для аудио-плеера в wordpress
Здравствуйте, ниже представленные плагины просты в использовании и поддерживают все распространенные аудио форматы .mp3 , .wav, .ogg.
Скачать исходники для статьи можно ниже
1. Compact WP Audio Player
Compact WP Audio Player является гибридным плагином HTML и Flash. Вы можете использовать его для встраивания аудио файлов .mp3 и .ogg с помощью простых шорткодов.
Поскольку плагин предлагает очень простую функциональность, он будет работать практически на всех устройствах. Это один из главных плюсов использования этого плагина.
Аудиоплеер отзывчивый, и его компактный дизайн означает, что он не будет занимать много места на экране или выглядеть отвлекающим. Вы можете встроить его в любую страницу или сообщение, используя следующий шорткод после установки плагина.
Есть несколько вариантов настроек, например: должен ли звук воспроизводиться в цикле или он должен начать автоматическое воспроизведение после загрузки страницы. Вы также можете выбрать один из двух различных шаблонов для встраивания аудио. Посетите страницу описания плагина, чтобы узнать больше – “wordpress.org/plugins/compact-wp-audio-player/”
2. HTML5 Audio Player
Это простой HTML5 аудио плеер, плагин позволяет вставлять .mp3 , .ogg и .wav файлы в ваши сообщения и страницы.
Плагин легко настраивается, например, можно изменить его стиль, чтобы слить его с темой вашего собственного сайта. Аудиоплеер также может быть встроен в область виджетов или файлы шаблонов.
Он предлагает почти все те же функции, что и Compact WP Audio Player. Например, плеер имеет компактный и отзывчивый дизайн. Вы также можете выбрать автоматическое воспроизведение или установить уровень громкости для проигрывателя. Он также опирается на шорткоды для встраивания аудиоплеера на веб-сайте.
Основное различие между этими плагинами заключается в том, что HTML5 Audio Player дает вам пользовательский интерфейс, который имеет опции для установки: цикличность воспроизведения, громкости звука, ширины проигрывателя и т. д. После того, как вы настроете параметры аудио-плеера, плагин сгенерирует шорткод для вас. Этот плагин идеально подойдет для новичков.
3. Seriously Simple Podcasting
Если вы искали бесплатный плагин WordPress, чтобы легко управлять подкастами, ваш поиск заканчивается здесь.
Прежде всего, плагин имеет только несколько простых настроек. Он также позволяет запускать несколько подкастов с одного веб-сайта, предоставляя каждому из них свои уникальные RSS-каналы. Вы также можете собирать статистику на ваших слушателей с помощью бесплатного дополнения (“wordpress.org/plugins/seriously-simple-stats/”).
Медиаплеер был переработан в недавнем обновлении, теперь он показывает изображение обложки подкаста. Плагин поддерживает как аудио, так и видео подкастинг.
Он также предлагает короткие коды и виджеты, чтобы позволить вам вставлять отдельные эпизоды подкастов или плейлисты в любом месте на веб-сайте. Плагин поставляется с интегрированной платформой хостинга подкастов, но вы не обязаны использовать его. Вы можете свободно размещать свои медиафайлы в любом месте.
Есть еще несколько бесплатных дополнений для этого плагина, которые расширяют его функциональность. Вы можете прочитать больше о функциях и как использовать этот плагин на странице поддержки (“support.castos.com/”).
4. Audio Album
Плагин Audio Album – отличный выбор для людей, которые хотят вставлять музыкальные плейлисты на свою веб-страницу. Вы также можете использовать его для встраивания отдельных аудиофайлов.
Поскольку весь список аудиофайлов действует как один плейлист, все они имеют одинаковый стиль. Вы также можете легко изменить цвет текста и кнопок вместе с фоном альбома или проигрывателя.
Плагин даже дает вам возможность полностью переписать CSS и стиль все с нуля. Это даст вам полный контроль над каждой деталью плагина.
Вы можете вставлять песни и плейлисты в любой WordPress пост или страницу, используя только два коротких кода. Есть куча параметров, которые вы можете использовать для каждого из них, чтобы указать такие настройки, как название, ширина или высота альбома.
Вы можете использовать .mp3 , .ogg, .wma, .m4a, и .wav.
Как и другие плагины, он также позволяет автоматически воспроизводить аудио или воспроизводить его в цикле.
Есть несколько вариантов, доступных для посетителей, чтобы показать кнопку вместе со звуковыми файлами в списке воспроизведения. Это может быть ссылка, по которой пользователи могут прочитать больше об этой песне или купить ее.
5. AudioIgniter
AudioIgniter это еще один плагин, который можно использовать для создания музыкальных плейлистов и встраивать их в свой сайт. Плеер может быть добавлен к сообщениям, страницам или любым другим пользовательским типам сообщений.
Плагин позволяет создавать неограниченные плейлисты с неограниченным количеством песен. Плеер также имеет отзывчивый макет, и он может быть встроен с помощью простых коротких кодов. Настройки воспроизведения также могут быть изменены для отдельных списков воспроизведения.
Вы можете легко показать или скрыть номера треков и обложек. Кроме того, можно отображать обложку альбома текущего эскиза более заметно, и Вы можете интегрировать AudioIgniter с WooCommerce для продажи отдельных треков.
Общая компоновка плейлистов, которые вы создаете с помощью AudioIgniter, выглядит лучше по сравнению с плагином Audio Album. Однако вы теряете возможность настраивать каждую часть плеера.
Источник