1. установка:
2. Використання:
3. Налаштування:
4. Display (Відображення)
5. Options (Параметри)
6. Feed options (Параметри каналу)
7. Podcasting (Подкастинг)
8. Advanced (Додатково)
9. На додаток до налаштувань:

Компактний і в той же час функціональний аудіоплеєр з безліччю налаштувань і великими можливостями. Нам під силу програвача програвати плейлисти, захист mp3 від скачування, відображення контенту в RSS-стрічці, зміна ширини і колірної схеми аудіоплеєра, можливість залишати аудіокоментарі на сайті і ін.

установка:

1. Завантажити плагін Audio Player з сайту за адресою - http://wpaudioplayer.com/download або з мого сервера по прямим посиланням .
2. Встановити та активувати плагін.

Використання:

Інтеграція аудіопрогравачем за замовчуванням проводиться вставкою в запис в квадратних дужках тега audio з URL - адресою mp3 файлу.

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3]

Вставити аудіо в запис можна вручну, а можна і інструментом візуального або HTML редактора WordPress. Для цього в редакторі натисніть на кнопку Додати мультимедійний. Після вибору його на комп'ютері і завантаженні на сервер, у вікні додавання аудіо в запис, як бачимо, з'явилася нова кнопка - Audio Player.

Натисніть на цю кнопку і тим самим зробіть інтеграцію аудіопрогравачем в запис або на статичну сторінку. Перевірте результат на сайті.

За замовчуванням аудіо плеєр в неактивному стані буде виглядати так - , А в активному так - . Для кожного плеєра ви можете вручну задати свою ширину виводу або встановити в настройках одну фіксовану. Також в настройках ви можете відключити анімацію, і тоді плеєр завжди буде розгорнуто. Про це читайте нижче.

Налаштування:

В панелі адміністратора перейдіть Параметри → Audio Player.

General (Загальні)

1. Replace [audiо] syntax (Замінити [audiо] синтаксис)

Ця опція включена за замовчуванням і означає те, що програвач вбудовується для mp3 - файлів, укладених в тег audio в квадратних дужках і дозволяє виводити на сторінці матеріалу більше одного плеєра.

2. Replace all links to mp3 files (Замінювати всі посилання mp3-файлів)

Після активації цієї опції всі посилання на mp3 файли в тексті перетворюються в програвач цих mp3. Вставляти аудіо в запис для програвання також можна буде у вигляді посилання. Врахуйте тільки що, якщо посилання на файл знаходиться в середині тексту, то плеєр розірве його на два абзаци.

3. Enable in comments (Включити в коментарі)

Активація цієї опції дозволить відвідувачам залишати аудіокоментарі або просто музику. Для цього достатньо буде залишити посилання на аудіофайл, аудіоплеєр відкриється в новому вікні. Якщо активована опція Replace all links to mp3 files, то плеєр інтегрується в тіло коментаря.

4. Enclosure integration (Інтеграція вкладень)

Дає можливість вставити плеєр через довільні поля. Опція автоматично переміщує плеєр в кінець поста.

5. Move enclosures to the beginning of posts (Перемістити вкладення в початок повідомлення)

Переміщення плеєра в початок посту (при активації опції Enclosure integration).

6. Default audio folder location (Папка аудіо за замовчуванням)

У цьому блоці ви можете вказати папку, в яку будуть міститися всі mp3. В цьому випадку при інтеграції аудіо в запис в ручну не доведеться вказувати повний шлях до файлу. Наприклад, замість

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3]

потрібно буде прописати

[Audio: exKrediti.mp3]

У корені сайту створіть цю папку (за замовчуванням audio) і натисніть на кнопку Verify. Якщо все зроблено правильно, плагін підтвердить це зеленої іконкою.

Ви можете вказати інший сервер для ваших mp3. В цьому випадку в випадаючому списку блоку виберіть Custrom і введіть абсолютний URL до папки з mp3 на сервері.

Display (Відображення)

1. Player width (Ширина плеєра)

Тут можна задати потрібну вам ширину плеєра в пікселях або у відсотках в активному стані.

2. Colour scheme (Колірна схема)

Цей візуальний редактор дозволяє змінити колір будь-якого об'єкта плеєра і підігнати його під стиль вашої теми. Для цього в випадаючому списку виберіть об'єкт, потім колір для нього з кольорової палітри або з вашої теми.

В поле Page background color: (Колір фону сторінки) можна встановити колір плеєра, відповідний фону сторінки. Галочка Transparent (Прозорий) зробить плеєр прозорим (не раджу, так як не кожен браузер підтримує цю опцію).

Options (Параметри)

3. Вимкнути анімацію - Встановіть тут галочку, якщо хочете відключити анімацію. Плеєр буде завжди у відкритому стані.

4. Показати, що залишився, - Відображення часу піде зі зворотним відліком.

5. Відключити інформацію про трек - Ця опція відключає відображення інформації про назву треку, імені виконавця.

6. Переключитися до RTL режиму - все кнопки в плеєрі переставляє задом наперед або, якщо ви звикли писати зліва направо на арабському або івриті.

Feed options (Параметри каналу)

На цій вкладці ви оберете те, що будуть читати ваші RSS-передплатники стосовно аудіозаписів.

У випадаючому списку Alternate content for feeds виберіть одне з трьох:

• Посилання на скачування;
• нічого;
• Призначений для користувача - замість аудиотекст, наприклад: Аудіо: є в статті на сайті.

Podcasting (Подкастинг)

Ця функція дозволяє додавати джингли для треків. У цьому блоці налаштувань ви можете додати аудіозаписи, які будуть програватися на початку і / або в кінці кожного треку. Це може бути аудіо реклама або яка-небудь інструкція для відвідувачів.

В поле Pre- appended audio clip URL: впишіть адресу аудіозаписи, яка буде програватися перед відтворенням кожної аудіозаписи на сайті.

В поле Post- appended audio clip URL: впишіть адресу аудіозаписи для програвання після основного аудіофайлу.

Advanced (Додатково)

1. Alternate content for excerpts (Альтернативний контент для витримки) - альтернативний текст для цитат. Висновок спеціального повідомлення, наприклад: Аудіо: є в повній версії статті. Це, якщо ви встановили будь-які обмеження для аудіо.

2. Initial volume (Початкова гучність) - Змінивши значення Initial volume від 0 до 100, ви зміните початкову гучність аудіоплеєра.

3. Buffer time (Час буфера) - Якщо у вашої цільової аудиторії низька швидкість підключення до інтернету, тут можна збільшити час буферизації плеєра. За замовчуванням воно - 5 сек.

4. Check for policy file (Перевірити файл політики) - перевірка наявності файлу політики приватності. Перед активацією цієї опції помістіть в кореневий каталог сайту, на якому розміщені mp3 файли, файл crossdomain.xml наступного змісту:

1 <! -? Xml version = "1.0" encoding = "ISO-8859-1"? ->

<! -? Xml version = "1.0" encoding = "ISO-8859-1"? ->

www.yourdomain.com - домен, на якому розміщений плеєр.

5. Encode mp3 URLs (Шифрування) - Увімкніть цю опцію, якщо хочете щоб плагін шифрував URL ваших MP3. В HTML коді сторінки шлях до файлу буде зашифрований.

6. Remove all enclosures from feeds (Видалити всі вкладення з каналів RSS) - Ця опція видалить всі посилання на mp3 для програвання з ваших RSS-каналів.

На додаток до налаштувань:

Для відображення інформації про трек, в синтаксис пропишіть цю інформацію:

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3 | titles = назва пісні | artists = ім'я виконавця]

Параметром width можна змінити ширину для кожного програвача:

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3 | width = 100%]

Параметр autostart = yes дає команду на автоматичне відтворення аудіофайлу при відкритті сторінки.

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3 | autostart = yes]

Завантажити кілька треків (плейлист) в плеєр можна простим перерахуванням треків через кому.

[Audio: https: //wordpress-book.ru/wp-content/audio/Pesnyri.mp3,https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3]

Після створення плейлиста, при програванні, у плеєра з'явилася нова кнопка перемотування на наступний трек.

Після додавання коду loop = yes, файли будуть відтворюватися по колу без зупинки.

[Audio: https: //wordpress-book.ru/wp-content/audio/exKrediti.mp3 | loop = yes]

Для розташування програвача по центру сторінки, перейдіть Зовнішній вигляд → Редактор, відкрийте файл style.css і додайте в нього код:

p .audioplayer_container {text -align: center; }

p.audioplayer_container {text-align: center; }

Для вбудовування плеєра, наприклад в бічну панель, шапку або футер використовуйте цей код:

& Lt;! -? Php if (function_exists ( "insert_audio_player")) {insert_audio_player ( "<span id =" audioplayer_7 "style =" display: block; padding: 5px; border: 1px solid #dddddd; background: # f8f8f8 ; "> Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version <a title =" Download Adobe Flash Player "href =" http://www.adobe.com/ shockwave / download / download.cgi? P1_Prod_Version = ShockwaveFlash & amp; promoid = BIOW "> here </a>. You also need to have JavaScript enabled in your browser. </ span> <script type =" text / javascript "> // <! [CDATA [AudioPlayer.embed ( "audioplayer_7", {soundFile: "aHR0cDovL3dwYXVkaW9wbGF5ZXIuY29tL2F1ZGlvLzpodHRwOi8vd3d3LmRvbWFpbi5jb20vcGF0aC90by9zb25nLm1wMw"}); //]]> </ script> "); } & Gt;

& Lt;! -? Php if (function_exists ( "insert_audio_player")) {insert_audio_player ( "<span id =" audioplayer_7 "style =" display: block; padding: 5px; border: 1px solid #dddddd; background: # f8f8f8; "> Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version <a title =" Download Adobe Flash Player "href =" http://www.adobe.com/shockwave /download/download.cgi?P1_Prod_Version=ShockwaveFlash&amp;promoid=BIOW">here </a>. You also need to have JavaScript enabled in your browser. </ span> <script type = "text / javascript"> // < ! [CDATA [AudioPlayer.embed ( "audioplayer_7", {soundFile: "aHR0cDovL3dwYXVkaW9wbGF5ZXIuY29tL2F1ZGlvLzpodHRwOi8vd3d3LmRvbWFpbi5jb20vcGF0aC90by9zb25nLm1wMw"}); //]]> </ script> "); } & Gt;

При цьому у функції дозволено використовувати всі параметри розширення функціональності плеєра (автостарт, зміна ширини, ...).