Добавляем плеер, через бесплатный хостинг



Для начала, регистрируемся на Бесплатном хостинге Hostinger 


Там можно Зарегистрироваться в один клик или как обычно, на ваш выбор


После регистрации, вы окажитесь на Домашней странице, в верхнем меню, найдите Хостинг


Создайте Новый аккаунт, Выберите Тарифный ПланБесплатный, Жмите заказать


Введите домен и пароль, Выберите Тип Домена: Субдомен, введите/придумайте название(латиницей) в примере chasikov , после придумайте пароль и жмите Продолжить


Далее, Подтвердите Ваш заказ, введите Капч, поставьте галочку: Я согласен с правилами использования и жмите, Заказать


Вам придёт сообщение на указанный почтовый адрес при регистрации, что Бесплатный Аккаунт Активирован. Там будут ваши данные, Информация о Сервере, FTP доступ и т.п.
Далее, возвращаемся на сайт где у вас Хостинг аккаунт, жмём на плюсик + рядом с названием вашего созданного домена в моём случаи, это chasikov.esy.es , откроется меню, жмём на Управление



Далее, находим после Аккаунты, Почта, Домены, и Веб-Сайт, Файлы там жмём на Файловый менеджер


У вас выйдет, сообщение, что Файловый Менеджер еще не установлен, пожалуйста установите. Выбираем язык, Russian Жмём Установить


После чего, в открывшемся окне Файлового менеджера, создаём Новую папку 


Называем её, mp3


Жмём на неё дважды, чтобы открыть, далее загружаем в неё ваши песни, можно загружать музыку, нажав на дискетку


или перетащив в окно, ваши музыкальные файлы из папки на вашем компьютере


если выходит ошибка: Не удалось соединится с сервером то, загружайте по одному mp3 файлу, если и это не помогает, тогда надо будет подождать, закрыть и открыть снова Файловый менеджер, это может помочь, там бывают глюки, поэтому лучший вариант для загрузки файлов на хостинг, это через FTP, а как им пользоваться, вы можете найти в сети))

Так далее, загрузили музыку, теперь, у меня загружено таким образом две песни, файлы называются Outcast – Miss Jackson и Outcast – Roses , чтобы они работали корректно в плеере, они должны быть в латинице и без отступов такого вида: Outcast_–_Miss_Jackson и Outcast_–_Roses или просто слитно написаны: OutcastMissJackson и OutcastRoses (Это не обязательно)
Для этого их мне необходимо переименовать, если вы заранее это не сделали в своем компьютере. В Файловом менеджере, нажимаем на вашу песню и и после на кнопку Переименовать


Всё, переименовали. Идём дальше. Жмём в Файловом менеджере на Домик два раза


Далее, так же как и папку mp3 , создаём папку player , Прежде чем загрузить туда плеер с плейлистом, ознакомьтесь с прошлой инструкцией: с Шагом 3


ШАГ 3.
Для начала качаем плеер для примера возьмём плеер Simon's Cat скачать

Извлекаем из архива simons_cat файлы, нажав на архив правой кнопкой мыши Извлечь в simons_cat

Откройте папку simons_cat 

вы в ней найдете файлы плеера, вам нужно отредактировать плейлист он называется chlist.xg

нажмите на файл chlist.xg чтоб открыть его, должно появится окно(Не удаётся открыть файл), в окне выберете Выбор программы из списка установленных программ и нажмите ОК

из списка программ выберете Блокнот

вам необходимо отредактировать(изменить) в коде эту строку: <song path="parachutes.mp3" title="Coldplay - parachutes"/> 
Изменить путь parachutes.mp3 песни parachutes и название Coldplay - parachutes, которое будет видно в плеере.
По нашему примеру это будет выглядеть так: <song path="http://chasikov.esy.es/mp3/Outcast_%E2%80%93_Miss_Jackson.mp3" title="Outcast – Miss Jackson"/>

далее жмём Файл >> Сохранить и закрываем блокнот.

Теперь как же я получил ссылку? А для этого, надо снова открыть папку mp3, выбрать песню и нажать на знак i (Свойства)


откроется окно, в нём будет Ссылка, правой кнопкой мыши жмём на название песни Ссылка: Название песни, копируем


Копируем и вставляем в плейлист. После того, как сделали плейлист, возвращаемся к папке player открываем её и загружаем наш плеер с плейлистом, файлы chlist.xg и simons_cat.swf

Далее, нужно сделать также как и с музыкой, скопировать ссылки файлов chlist.xg и simons_cat.swf и подставить в этот код:

<DIV align="center"><embed src="simons_cat.swf" menu="false" quality="high" width="151" height="70" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=chlist.xg" wmode="transparent"></embed></DIV>

Вот что у меня получилось:

<DIV align="center"><embed src="http://chasikov.esy.es/player/simons_cat.swf" menu="false" quality="high" width="151" height="70" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http://chasikov.esy.es/player/chlist.xg" wmode="transparent"></embed></DIV>

Выше полученный код, это тот код, который необходимо вставить туда, где вы хотите видеть свой плеер. Как поставить гаджет(плеер) себе на сайт или блог можно посмотреть тут, эти инструкция подходит для нашего плеера.

Немного о коде:

 <DIV align="center"><embed src="http://chasikov.esy.es/player/simons_cat.swf" menu="false" quality="high" width="151" height="70" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http://chasikov.esy.es/player/chlist.xg" wmode="transparent"></embed></DIV>

Тег DIV тут в качестве выравнивания плеера по центру, если вам этого не надо, удалите его.

Вот пример работы плеера по этому коду:


Так, для того, чтобы добавить больше одной песни, нужно отредактировать файл chlist.xg в блокноте, пример в конце устаревшей инструкции: тут