Здравствуйте...
Сегодня я расскажу как и где сделать вот такой аудиоплеер, куда можно загружать файлы с компьютера или из Интернета.
Песни в исполнении Клары Румяновой.
Для начала нужно пройти регистрацию на сайте ЯП файлы.
страница регистрации тут
Ничего сложного там нет. Пройдя регистрацию, у вас будет свой Аккаунт, на котором вы сможете делать многое, ведь ЯП файлы это Удобный и бесплатный сервис для хранения и публикации медиа-файлов.
Поддерживаемые форматы:
картинки - jpg, png, gif, tiff, psd
музыка - mp3, wma
флешки - swf
видео - flv, wmv, 3gp, mp4, asf, mov, avi, mpg
прямые ссылки с таких хостингов - YouTube, Vimeo, RuTube, Smotri.com, В Контакте
Я думаю, что будет желание, разберётесь. А мы будем учиться делать плеер с плейлистом. Далее по скринам.
Но для начала вам нужно подготовить прямые муз. файлы, если будете загружать их из Интернета, или скачать музыку на комп. Прямые ссылки должны начинаться с http и заканчиваться mp3. А также подобрать картинки по теме. Размер плеера 320 на 240, но я вставляла картинки и большего размера. Картинка всё равно встанет.
Я буду вставлять прямые ссылки из Интернета
на группу "Доктор Ватсон".
И дальше всё повторяется по кругу, добавляем музыку, картинку, заполняем поля где нужно и сохраняем в свой альбом по теме. Сколько песен можно вставлять я не знаю, но в плейлист Алексея Глызина я вставила 27 песен. Так что узнать это можно методом тыка, наш любимый метод у всех...)))
Теперь, чтобы взять код, можно кликнуть на Код для сайта, под плейлистом, выбрать для Лиру и скопировать его. Но это оошко быстро закрывается, поэтому кликните на Музыку сверху и увидите свой плейлист на главной страничке ЯП файлов. И уже оттуда спокойно можете скопировать код.
И вот плеер с плейлистом готов.
Группа "Доктор Ватсон"
К сожалению, в плеере нет автопереключения.
Но кликнув по значку на плеере Плейлист, вы можете найти нужную вам песню. При наведении курсора всплывают подсказки.
Вот вроде и всё...))) Пробуйте, всё получится...
Будут вопросы, пишите, всем удачи...
урок провела
Любаша К
|
|
|
