На этой странице буду тэстировать аудио хостинги.
Если вы владелец сайта, и хотите добавить свои аудио композиции на свой сайт, чтоб слушатель мог не только прослушать но и скачать, если вы этого захотите, ваш файл аудио, при этом чтобы имя файла после скачивания на компьютере посетителя вашего сайта осталось без изменения, или же дать ссылку на своём блоге на аудио файл - то для этого проведу иследования возможностей таких.
1. Модель для сборки плеера http://flv-mp3.com/ru/mp3 и инструкция как это сделать http://flv-mp3.com/ru/mp3/manual/
Для этой цели нужно закачать сам файл аудио на свой сайт, и разместить рядом с ним файл ump3player_500x70.swf. Далее на страничке http://flv-mp3.com/ru/mp3 собрать плеер со своими настройками. И вставить код плеера на свою страничку.
Пример:
После нажатия на сылку скачать - попадаем на страничку аудио, далее нажимаем на правую клавишу мыши и выбираем - сохранить как - сохранить)
Из плюсов этого варианта: можно создать плеер любого цвета и размера.
Из минусов: Не получилось изменить цвет и размер шрифта в названии композиции в коде самого плеера (однако это можно изменить если на страничке выше плеера записать название своим шрифтом, а в плеере название не указывать. Но это удлинит время создания). Нужно дополнительное место для аудио файлов на вашем сайте. При закачивании на сайт название аудио файла автоматически меняется с руских символов на транслит (английские символы), то есть при скачивании уже будет название файла изменено - на транслит.
Существует также новая версия этого сайта с возможностью создания более продвинутого флэш плеера www.uppod.ru
2. Яндекс диск.
Создаём в яндексе электронную почту, если у вас её ещё там нет. Входим в свой аккаунт яндекса. В своём аккаунте на яндекс диск загружаем свою композицию. К примеру есть файл аудио с названием Волга - реченька_(минусовка).mp3. Название и тэги mp3 в файле на руском языке. Вот ссылка на сам файл https://yadi.sk/d/Xy9OuWji3CViY6 После клика по ссылке вы выходите на яндекс диск где можно скачать и прослушать этот файл. После скачивания файл остаётся с таким же именем (это плюс, так как многие хостинги аудио генерируют своё имя файла). Однако сейчас на этой страничке отображается только ссылка без аудио плеера (это минус). Теперь немного усложним и создадим такую ссылку Волга - реченька (минусовка)
3.BoomMP3
Следующий аудиохостинг. В начале нужно создать акаунт на https://www.dropbox.com/ Туда загружаем свой файл mp3, и создаём ссылку на него. Эту ссылку вставляем на BoomMP3. Генерируемый там HTML код вставляем на свой сайт. Возможность сделать ссылку на аудио в социальные сети (вставить композицию в любой сайт). Получается так:
Из плюсов: Создаётся всё быстро. Имя файла в названии плеера остаётся на руском языке. Можно скачивать файл, если кликнуть по ссылке, и тогда выходишь на сайт BoomMP3 с композицией. После скачивания имя файла остаётся тем же - на руском языке.
Из минусов: Размер хостинга файлов Dropbox Basic в бесплатном варианте ограничен при открытии акаунта там до 2-х Гигабайт. Однако его можно увеличить если подключить своих друзей. За каждое подключение добавляется по 500 мб. Или можно создать несколько акаунтов Dropbox с разных электронных ящиков. Плеер генерируется только в одном виде.
4.Просто плеер. http://pleer.net/
Довольно хороший хостинг. Из плюсов: быстрая загрузка. Несколько видов плеера (стандартный, уменьшенный, мини). Несколько цветов плеера (серый, чёрный, зелёный). Возможность сделать ссылку на аудио в социальные сети (вставить композицию в любой сайт). Возможность скачать аудио. Можно создать плейлист из нескольких композиций.
Из минусов: Ограничен размер файла mp3 до 20 мб. Скачивается изменённое имя файла.
Было: Волга - реченька_(минусовка).mp3
Стало: Andrei T. N. - Volga - rechen'ka (minusovka) [pleer.net].mp3
Cкачать Андрей Т. Н. Волга - реченька бесплатно на pleer.com
5. HTML5 плеер.
Чтоб понять как создать HTML5 аудио плеер посетим сайт http://w3pro.ru (о HTML5 аудио)
Теперь попробую создать простейший HTML5 плеер
Код такого плеера простой.
Файл mp3 хранится на моём сайте.
Ссылка на файл начинается с http://
Проверю в каких браузерах это работает.
Работает в: Firefox (51.0.1), Google Hrome, Яндекс.Браузер, Opera 43.0.2442.806
В Google Hrome, Яндекс.Браузер, Opera в плеере есть стрелка, при нажатии на которую файл скачивается на компьютер.
Не работает в: Safari
Для того чтоб заработало в браузере Safari - сделаю следующее. Сконвертирую музыкальный файл в формат Ogg. Закачаю этот файл себе на сайт. Добавлю в код плеера ссылку на Ogg файл.
Вот что получилось.
Теперь в плеер вписаны 2 пути к файлам mp3 и ogg. Названия файлов одинаковые с английскими буквами. Разные только расширения. Но всё равно браузер Safari не видит ни первого ни второго плеера. Может потому что он для Apple, а у меня Windows
6. HTML5 плеер с красивым оформлением.
Если вы хотите красиво оформить свой HTML5 плеер, то для этого можно воспользоватся сайтом http://playerjs.com/
Для начала там нужно запросить приглашение введя свой e-mail. Через некоторое время вы на свою почту получите приглашение на регистрацию. Далее регистрируетесь на сайте. Сборка HTML5 плеера работает пока в тестовом режиме.
Потом вам нужно разобратся как это всё работает.
В результате вы получите такой дизайн плеера какой сами создадите. Высоту, ширину, цвет, фон, вид кнопок, шрифт, фото-заставку и другие функции можно менять, создав свой уникальный дизайн плеера.
Также можно создавать плейлисты со своими композициями.
Там же можно создать HTML5 видео плеер с уникальным дизайном.
На сайте работает техническая поддержка, и если что-то вдруг не получается — пишите туда, вам ответят.
Для тэста на сайте http://playerjs.com/ создал такой HTML5 плеер.
В настройках плеера (кликните по круглой шестирёночке) можна выбрать качество композиции между аудио форматами Ogg (лучшее качество) и MP3, а также можно скачать композицию в выбранном качестве.
