Сделать это очень просто. Но есть два варианта
1. Стоит только оформить прямую ссылку на mp3 файл (Прямая это ссылка, которая заканчивается расширением файла: .mp3). Для этого надо выделить название (любое слово или цифру) и щёлкнуть по значку для вставки ссылки. Если вы на вкладке "Панель HTML кодов" или "Панель BB кодов", то кнопка обозначена "http://", а если на вкладке "Визуальный редактор", то значком и вводите в окошко ту самую ссылку на mp3. Встроенный на сайт плеер от от Ильи Бирмана подхватит её, вот так это и будет выглядеть:
Marin Marais - Grand Ballet - Sophie Watillon
Для тех, кто хотел бы скачать себе в Mp3 формате. Нужно щёлкнуть правой кнопкой по значку и выбрать "Сохранить объект как".
2. Этот вариант работает исключительно на вкладке "Панель BB кодов". Надо написать код и вставить туда ссылку.
Код
[audio]http://any_site.com/music.mp3[/audio]
Появится вот такой вот проигрыватель от ucoz
Если же вы хотите опубликовать музыкальный видеоролик с youtube, то надо воспользоваться таким кодом.
Код
[video]http://youtube.com/[/video]
Всё это работает не только в публикации материала, но и в комментариях к любому материалу и даже в мини-чате.
Однако есть и некоторые дополнительные возможности и, увы, трудности.
Если хотите оформить свой пост так же, как это сделал я, то для этого нужно добавить к ссылке:
Код
<div class="jouele-option-progress-when-playing" style="float:left; padding: 5px">Здесь ссылка</div>
В итоге это должно выглядеть так:
Код
<div class="jouele-option-progress-when-playing" style="float:left; padding: 5px">[url=https://dl.dropboxusercontent.com/s/kvfbhxhqfiecc95/Marin_Marais_Mechtatelnica.mp3]Marin Marais (Маре́н Маре́) - La reveuse (Мечтательница) для виолы и континуо фа минор IV, 82[/url]</div>
Код состоит из двух частей, которые можно использовать по отдельности. Если оставить
Код
<div class="jouele-option-progress-when-playing"></div>
,то пока музыка не играет, не будет видно ползунка прокрутки, он появляется только, когда Вы включаете проигрывание.
Код
<div style="float:left; padding: 5px"></div>
заставляет текст, который стоит после этого кода, обтекать помещённый в него проигрыватель справа.
Если же код к ссылке на mp3-файл не добавлять, то получится вот такой вид проигрывателя:
Marin Marais (Маре́н Маре́) - La reveuse (Мечтательница) для виолы и континуо фа минор IV, 82
Что тоже в общем-то выглядит неплохо, не правда ли?
Встречаются иногда трудности с воспроизведением mp3 файла, когда, вроде бы, все требования соблюдены. Плеер появляется, но музыка не играет. Попытался разобраться, и вот что я выяснил. Если вы копируете прямую ссылку на mp3, имя которой написано кириллицей с пробелами между словами, то все пробелы и кириллические знаки в ссылке преобразуются в очень длинный ряд крокозябликов, ссылка становится очень длинной. Точно не смог выяснить, но, по всей видимости, система ucoz не может реагировать правильно на очень длинные ссылки. Даже если имя файла в ссылке написано латиницей, но с пробелами, то ссылка тоже удлиняется, в ней появляются крокозяблики, которые заполняют пробелы между словами.
Отсюда рекомендации:
1. Пишите имена файлов латиницей
2. Пробелы между словами заменяйте подчёркиванием (_)
Пример: Marin_Marais_Mechtatelnica.mp3
И ещё одна тема важная для публикации на дизайноле музыкальных файлов. Она о сайте Дропбокс (dropbox.com) - это бесплатное хранилище 2 Гб для любых типов файлов. Требуется регистрация и установка ПО. Раньше была возможность получать прямые ссылки из папки Public. Сейчас эту лавочку прикрыли, но, как оказалось, обойти запрет очень легко. Публичная ссылка с этого сайта имеет вид:
Код
https://www.dropbox.com/s/jz51ihdek5hqx9w/borodacheva.mp3?dl=0
если начальную часть этой ссылки
заменить на
Код
https://dl.dropboxusercontent.com
и убрать хвост после тройки, то получим прямую ссылку на файл:
Код
https://dl.dropboxusercontent.com/s/jz51ihdek5hqx9w/borodacheva.mp3
Берём эту прямую ссылку, оформляем, как описано выше, и получаем проигрыватель с музыкой.
Музыка