20.Май.2012
Воскресенье
20:11:38
Персональный
ROLIK @ САЙТ

Санкт-Петербург
| регистрация | вход | включить музыку
[ Новые сообщения · Участники · Правила форума · Поиск ]
Страница 1 из 212»
Общение » Мои познания системы создания сайтов UcoZ » Музыка на сайте » Создай свой плеер на свой вкус и под дизайн сайта (Описание как создать плеер на http://uppod.ru/)
Создай свой плеер на свой вкус и под дизайн сайта
rolik63Дата: Суббота, 13.Декабрь.2008, 08:20:43 | Сообщение # 1
Admin
Группа: БОСС
Сообщений: 23
Статус: Offline
Провёл сегодня ночь за созданием плеера для сайта при помощи http://uppod.ru/.
Вот что получилось:


Что для этого нужно:
1) Сохранить на своём сайте файлы в mp3 формате. Я сделал сначала 4 штучки, но чем больше, тем лучше. Ссылки должны заканчиваться на .mp3. Пробовал сохранять на Яндексе, но там окончание /html и следовательно не читались. Если есть какие-нибудь хранилища с такими условиями, буду благодарен за ваши подсказки.

2) Заходим на http://uppod.ru/ и регистрируемся.

Что мы там видим, скромненький дизайн, но ценность этого сайта это не умоляет. Спасибо создателем за такой интересный ресурс.

Нам нужно попасть в конструктор плеера, нажимаем Мой плеер, предварительно можно конечно ознакомиться с Возможностями
А возможности заключаются в создании не только Аудио, но и Видео плеера.

Шагаем дальше. Мы видим две кнопки, Видео и Аудио
Разберёмся с аудио. Нажимаем на ссылку и нам открывается вот такой вид:

скрин страницы

Три ссылки: Стили Файлы Плейлисты
Начинаем со стилей.

Перейдя по ссылке вам нужно нажать на плюсик в синем квадратике, ввести название ваших стилей, сохранить ОК, после загрузки увидим
скрин кнопок

Следует сказать, что сохранение возможно, как после каждой настройки, так и в самом конце.
Все настройки ведутся в визуальном режиме. Справа от настроек будет виден плеер, реагирующий на все ваши пожелания.

Настраиваем общий Вид. Здесь у вас появляется возможность проявить себя в творчестве.
Размер плеера, скругление углов, присутствие рамки, цвета экрана и фона, показывать названия или нет, цвет шрифта - всё в ваших руках и фантазиях.

Переходим на следующую страницу Панель управления
Здесь выбираем: расположение панели управления, её фон, возможность прятать её, цвет, прозрачность и размер кнопок. Ставим галочку на подсказках.

Далее Кнопки
Сразу все возможные виды кнопок наверное не следует активировать. Плеер всё же не резиновый. Минимум нужных и будет достаточно.

На станице Опции
Здесь выбираете язык. Доступен русский, английский, украинский и белорусский.
Устанавливаем вид загрузки, можно дать ссылку на картинку для заставки.
Ставим галочки у нужных опций: автоповтор и т.п.
Если выбрать автоповтор, то все мелодии из плейлиста будут проигрываться подряд без остановки.
Поставьте галочку у Запоминать положение. Тогда если устанавливать плеер на всех страницах сайта, при переходах музыка не будет прерываться, а будет продолжать звучать с небольшим разрывчиком.

Настройка Плейлиста. Нужна если вы его будете использовать и плеер будет состоять не из одной мелодии.
От вашего выбора расположения плейлиста будут зависеть настройки цвета, размера, прозрачности надписей.
Поставив галку у Автоматически переключать дальше, ваши треки будут проигрываться друг за другом. Порядок проигрыша установите дальше, в настройках файлов плейлиста.

Выбор Логотипа доступен в PRO-аккаунте. Я туда не лазил. Скорее всего эта возможность будет после оплаты некоторой суммы создателям.

Ну и последнее на этой стадии, сохраняем наши стили и переходим по ссылке плеер опять на страницу выбора настроек.

Файлы

Всё тем же способом, нажав на плюс, добавляем файлы в формате mp3 в ваш плеер.
Количество их будет зависеть от возможности дискового пространства вашего сайта.
При добавлении надо ввести название, ссылку на файл, есть возможность вставить картинку для превью и плейлиста. Ссылки берём из файлового менеджера, предварительно закаченных к вам на сайт файлов с мелодиями.
Помните, ссылки должны заканчиваться на .mp3
Вконце не забудьте выбрать СТИЛИ. Можно стандарт, лучше ваши вновь созданные :))
Сохранение в виде ОК

Плейлисты

Создаём при помощи плюса плейлист, даём ему название, выбираем стили ВАШИ, жмём ОК.
Сохранив, ждём загрузки. Появляется два окна. В левом загруженные файлы. Переносим их в правое окно, сохраняем. Возможно перетаскивание файлов в нужном вам порядке компановки.

Ну вот и всё. Ваш плеер готов.

Опубликование на вашем сайте.

Можно сразу взять код и вставить в сайт, но тогда всё ваше творение останется на сайте http://uppod.ru/. Лучше перенести файлы на свой компьютер, а потом выложить на своём сайте. Тогда работа его будет зависеть только от состояния вашего сервера.

Для этого нам нужно скачать три файла и сохранить у себя на компьютере.
Первый берём в верхнем левом углу конструктора.
скрин ссылок
Ссылка Скачать плеер
Второй - файл стилей. Его находим в стилях нажав на название.
скрин стилей
нажимаем скачать.
Третий находим в плейлистах. Зайдя по ссылке и нажав на название вашего плейлиста вы увидите
скрин плейлиста
нажимаем скачать.

Можно скачать ещё четвёртый файл. Он для вывода плеера с одним треком без плейлиста. Находиться он в файлах нажав на один из них, по ссылки скачать.

Сохранив три(четыре) файла у себя, переносим их на сайт в файловй менеджер. Создайте для удобства отдельную папку. Теперь берём ссылки на новое местонахождения этих файлов (запишите их все в блокноте) и переходим опять в конструктор плееров.
скрин ссылок
Ссылкой Настройка путей переходим на страницу прописки файлов.
Вставляем в верхнее поле адрес файла плеера, во второе и третье поле адрес вашей ПАПКИ с файлами стилей и плейлиста. Заметьте, именно ПАПКИ, а не полного адреса файла. Т.Е. уберите из адреса последние символы до слеша.
Нажимаем сохранить.

А теперь идём за кодом плеера в плейлисты.

скрин плейлиста
Нажимаете Код. Убераете галочку кодировать ссылки и копируете код из второго поля. Этот код адаптирован под IE, проблем с выводом в этом браузере, как гарантируют создатели этой программы, не будет. Галочку кодировки ссылок можно будет включить во второй раз, зайдя в конструктор плеера и отредактировав код. На первом опыте лучше видеть всё что сделали и понять принцип действия.

Ну а теперь бежим к себе на сайт и вставляем код плеера в нужное место :))
Этот плеер можно устанавливать на каждой странице. При переходе по сайту, музыка будет проигрываться с небольшим разрывом при смене страниц.
Или в отдельно созданную страницу и тогда музыка будет литься без перерыва.


ВОТ и ВСЁ
 
SkarlattiДата: Суббота, 21.Август.2010, 01:38:56 | Сообщение # 2
Рядовой
Группа: Любопытствующие
Сообщений: 1
Статус: Offline
С большим трудом. но всё получилось, огромное спасибо!!! Вы гений.
 
001FantomasДата: Понедельник, 07.Февраль.2011, 00:49:13 | Сообщение # 3
Рядовой
Группа: Любопытствующие
Сообщений: 3
Статус: Offline
незнаю в чем прикол но я зделал все по инструкции но на сайте плеер не появляется((((
 
001FantomasДата: Понедельник, 07.Февраль.2011, 00:51:47 | Сообщение # 4
Рядовой
Группа: Любопытствующие
Сообщений: 3
Статус: Offline
http://uppod.ru/apltiattw вот плеер так работает

а код вставляю не пашет =((((

HTML c полной поддержкой IE

Code
<object id="audioplayer441" width="650" height="503"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="http://kz-rapers.ucoz.net/PLAYER/" /><param name="flashvars" value="st=http://kz-rapers.ucoz.net/PLAYER/audio47-166.txt&pl=http://kz-rapers.ucoz.net/PLAYER/playlist_audio47-441.txt" /><embed src="http://kz-rapers.ucoz.net/PLAYER/" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" flashvars="st=http://kz-rapers.ucoz.net/PLAYER/audio47-166.txt&pl=http://kz-rapers.ucoz.net/PLAYER/playlist_audio47-441.txt" width="650" height="503"></embed></object>

пробывал просто HTML не пашет =((((
 
rolik63Дата: Понедельник, 07.Февраль.2011, 01:55:03 | Сообщение # 5
Admin
Группа: БОСС
Сообщений: 23
Статус: Offline
У вас адрес плеера указан неправильно: kz-rapers.ucoz.net/PLAYER/
Добавьте в конце .swf
Вот как он у меня прописан 162nord.org/musik/muspl/uppod.swf
 
Общение » Мои познания системы создания сайтов UcoZ » Музыка на сайте » Создай свой плеер на свой вкус и под дизайн сайта (Описание как создать плеер на http://uppod.ru/)
Страница 1 из 212»
Поиск:
Ну очень рекомендую: Перенос профиля в Мазила Firefox 4.0 при смене ОС
Звёздное небо или на ваше усмотрение. (Как я сделал такую гостевую, как на этом сайте.)
Рекламные статьи | Rolik@Сайт © 2007-2012 | Хостинг от uCoz | |

Проверить аттестат