У меня была серия постов, в которых я рассказывал, как использовать js-скрипты для создания аудио-альбомов, воспроизводимых в любых браузерах:
- MP3-jPlayer – HTML5-плагин для воспроизведения MP3 во всех браузерах
- Автоматическое встраивание аудио файлов, добавленных в пост, с помощью плагина MP3-jPlayer
- Автоматическое воспроизведение любых внешних аудио файлов и файлов, добавленных в пост, с помощью плагина MP3-jPlayer и произвольных полей
Кому этот вариант кажется слишком сложным, я предлагаю воспользоваться очень простым, универсальным плагином Audio Album. Этот плагин использует встроенные в WordPress 3.6+ средства для вставки и воспроизведения аудио, однако расширяет их возможности: с его помощью можно составлять альбомы с описаниями, отдельными треками и текстами песен.
После установки плагина вам становятся доступны несколько шорткодов, с помощью которых можно вставлять в посты и на страницы описания аудио альбомов и треки, которые в них входят. Для вставки описания альбома используется шорткод
[audioalbum]
У этого шорткода есть несколько параметров:
- title – название альбома
- detail – описание альбома
- date – дата выпуска альбома
Пример использования шорткода:
[audioalbum title="Rosenrot" detail="Rammstein´s 5th album ROSENROT enters # 1 in Germany, Austria, Estonia, Finland and Mexico and reaches Gold status in Austria, Denmark and Finland – even platinum status in Germany, Czech Republic and Switzerland shortly following the release." date="2005"]
Сразу после описания альбома можно вставить треки. Для этого используется шорткод
[audiotrack]
У этого шорткода есть множество параметров:
- title – название трека
- mp3 – абсолютный путь к файлу MP3
- ogg – абсолютный путь к файлу OGG (используется для совместимости с разными браузерами)
- wma – абсолютный путь к файлу WMA (используется для совместимости с разными браузерами)
- m4a – абсолютный путь к файлу M4A (используется для совместимости с разными браузерами)
- wav – абсолютный путь к файлу WAV (используется для совместимости с разными браузерами)
- loop – зацикливание трека
- autoplay – автовоспроизведение трека на странице
- preload – подгрузка файла в кэш браузера при загрузке страницы
- songwriter – автор трека
Пример использования шорткода:
[audiotrack title="Первый трек" songwriter="автор первого трека" mp3="http://вашсайт/wp-content/uploads/audio_01.mp3"] [audiotrack title="Второй трек" songwriter="автор второго трека" mp3="http://вашсайт/wp-content/uploads/audio_02.mp3"]
Так же есть несколько параметров, которые можно использовать для отображения текстов композиций:
- buttonlink – ID страницы, на которой расположен текст композиции
- buttontext – название кнопки (использовать не обязательно)
- width – ширина всплывающего окна с текстом
- height – высота всплывающего окна с текстом
Если использовать эти параметры, то для трека будет отображаться кнопка, кликнув по которой, вы откроете страницу с текстом композиции. Страница откроется в отдельном, всплывающем окне с указанной шириной и высотой.
Пример:
[audiotrack title="Первый трек" songwriter="автор трека" mp3="http://вашсайт/wp-content/uploads/audio_01.mp3" buttonlink="789"]
789 – это ID страницы, на которой размещен текст композиции
В итоге, вставив шорткоды в пост
[audioalbum title="Название альбома" detail="Описание альбома" date="2013"] [audiotrack title="Первый трек" songwriter="автор первого трека" mp3="http://вашсайт/wp-content/uploads/audio_01.mp3"] [audiotrack title="Второй трек" songwriter="автор второго трека" mp3="http://вашсайт/wp-content/uploads/audio_02.mp3"]
вы получите вывод описания альбома и все треки, которые в него входят.
