• Авторизация


Создаём плеер и грузим музыку. 26-02-2014 15:14 к комментариям - к полной версии - понравилось!

Это цитата сообщения Nelya_Gerbekova Оригинальное сообщение

Для новичков. Загружаем музыку с ПК и создаем плеер.

Пост возник в результате многочисленных вопросов по теме "Как загрузить музыку  с компьютера и создать красивый плеер".В свое время я научилась этому у Милолика_Покровская

1.Cоздайте новую запись в РАСШИРЕННОМ РЕДАКТОРЕ, напишите какой-нибудь заголовок,иначе сообщение не опубликуется и с помощью кнопки ВЫБРАТЬ ФАЙЛ загрузите музыкальный файл из компьютера весом не более 8мб, жмите В ЧЕРНОВИК. Подождите ,пока загрузится файл. .
Прослушать запись Скачать файл
 

 2. Жмите РЕДАКТИРОВАТЬ.Теперь редактированием и простыми манипуляциями можно изменить внешний вид плеера ,а для этого нам нужен код плеера.Скопируйте этот код плеера и вставьте его  чуть ниже вашего музыкального файла.Здесь будьте внимательнее! Код без открывающей квадратной скобки.После завершения всех манипуляций не забудьте перед словом flash в самом начале кода поставить квадратную скобку.

Код плеера.

flash=400,20,http://img1.liveinternet.ru/images/attach/c/0/3709/3709068_jwplayer.swf?file=ОСНОВНОЙ КОД&width=400&height=20&backcolor=#B03060&frontcolor=000000&/]

У вас должно получиться вот так! 

[700x183]

3.  Теперь, чтобы скопировать ссылку на ваш файл и вставить его в плеер жмите на ИСТОЧНИК. Скопируйте ссылку очень внимательно, начиная после знака "равно" до "mp3" не включая закрывающую квадратную скобку, вставьте ссылку вместо слова ОСНОВНОЙ КОД. Снова жмите на ИСТОЧНИК, поставьте квадратную скобку перед словом flash и сохраните изменения. Если после сохранения изменений плеер не появился ОБНОВИТЕ СТРАНИЦУ вверху браузера. 

[показать]

Получился вот такой симпатичный плеер


4.  Теперь можно изменить цвет плеера. Выберите любой цвет здесь Таблица HTML кодов цветов , скопируйте его и вставьте вместо  кода цвета  в плеере.

backolor=#Ваш код цвета

Как видите,  я изменила только  основной цвет плеера, а цвет кнопок и дорожки оставила по умолчанию .  Если есть желание их тоже можно изменить используя таблицу цветов ,но.... здесь нужно быть внимательнее! Код вставляется без знака # . 

frontcolor=Ваш код цвета

 

[показать]


5. Если Вы довольны результатом, скопируйте код плеера(при нажатии на кнопку ИСТОЧНИК) и вставьте в  сообщение. 

[700x186]

Спасибо Rost за урок и код плеера.

Что делать,если в вашем ПК не оказалось нужного музыкального произведения? Зайдите СЮДА, впишите в поиск название или исполнителя , прослушайте, жмите на  квадратик и в новом окне скопируйте ссылку в строке браузера. Это и есть ссылка на аудиофайл. Далее как написано выше.

[518x327]

 

 

Серия сообщений " Оформление дневника на ЛИ.РУ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 20 - Отдельный домен для дневника на Лиру.
Часть 21 - Урок для новичков.Вставляем текст и картинку в рамку с кодом
Часть 22 - Для новичков. Загружаем музыку с ПК и создаем плеер.
Часть 23 - Урок для новичков .Как вставить плейлист и картинку в рамку
Часть 24 - Добавление к предыдущему посту .Как изменить размер плеера
...
Часть 32 - Как создать простую рамочку в дневнике и превратить ее в открытку
Часть 33 - Как сделать окошко для кода рамки
Часть 34 - Все коды для оформления дневника в одном месте
вверх^ к полной версии понравилось! в evernote
Комментарии (15):
Галина__К 26-02-2014-16:13 удалить
Пробуй Нина,может у тебя быстрей получится и лучше.
belorusochka-ja 26-02-2014-16:18 удалить
Нина,а не лучше ли взять готовый код плеера,а потом только вставлять код музыки.Как хорошо,что я научилась коды сохранять в папке Документы.Помню,еще Лариса Гурьянова советовала нам так делать...но я тогда не знала даже как копировать.
НЕ играет(Попробую делать через ОПЕРУ!
Ответ на комментарий belorusochka-ja # Галя,я не поняла,что значит готовый код?В этом уроке есть код,вставила музыку,плеер получился,но НЕ играет!
Ответ на комментарий belorusochka-ja # Хочу сделать плеер с Ютюб,но тоже не получается!
belorusochka-ja 26-02-2014-16:35 удалить
Ответ на комментарий Солнечная09 # Солнечная09, Я понимаю.Просто скопировать код плеера и хранить его на компе,чтобы по постам не искать...вот это я имела ввиду.
belorusochka-ja 26-02-2014-16:40 удалить
Ответ на комментарий Солнечная09 # Солнечная09, Тут надо осторожно,чтобы нигде не было пробела и скобки квадратные смотри,чтобы стояли на месте.
Igumnova_Ylia 26-02-2014-17:18 удалить
Ох и заморочки с этими плеерами...
Ответ на комментарий belorusochka-ja # Вышла через Оперу...все БЕЛОЕ...Галя,какого цвета видишь мой Дневник?
Ответ на комментарий Галина_Осколкова # Галя,потом напиши,получился ли плеер и какого цвета мой Дневник ты видишь?!
Ответ на комментарий Igumnova_Ylia # Только не для тебя,Юлечка!!!)
belorusochka-ja 26-02-2014-18:04 удалить
Ответ на комментарий Солнечная09 # Солнечная09, Все в цвете!Нормально!Наши дневники видят, незарегистрированные на Лиру люди,в белом цвете.Про браузеры не знаю.У меня другой Мозилла,но я вижу как надо.
Ответ на комментарий belorusochka-ja # Спасибо,Галя!!любовь!
Ответ на комментарий Галина__К # Плеер по уроку сделала,играет,был такого цвета как здесь,но я решила поменять ...и он почему-то стал черный...меняла,меняла...но плеер не поменял цвет...Кроме того,он в расширенном редакторе и не копируется...так что дальше?...выходит плеер только ради одной песни?Галя,как ты копировала?


Комментарии (15): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Создаём плеер и грузим музыку. | Солнечная09 - Дневник NiSh0810 | Лента друзей Солнечная09 / Полная версия Добавить в друзья Страницы: раньше»