-Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в планета111

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 4) СкАзОчНыЙ_мИр_КаРтИНоК WiseAdvice Мир_клипарта О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.12.2011
Записей: 2220
Комментариев: 4888
Написано: 11461


Как сделать музыкальную открытку?

Пятница, 28 Сентября 2012 г. 12:05 + в цитатник
Цитата сообщения Rost Как сделать музыкальную открытку?

Лучший подарок - подарок сделанный своими руками. Как его сделать? Соберите себе в блоге открытку к 8-му марта! Как? А вот хотя бы так!

Сегодня научу, как сделать вот такой музыкальный плеер (музыкальную открытку):


Посмотрим на код этого плеера:
[flash=400,360,http://postovoj.ru/jwplayer.swf?image=//img1.liveinternet.ru/images/attach/c/2//71/535/71535139_cover.jpg&file=http://dl.dropbox.com/u/8309853/mp3/akvarium_nemoe_kino.mp3&controlbar=over&width=400&height=360&link=http://www.aliveinternet.ru/&skin=http://postovoj.ru/skins/special/overlay.swf]
Что здесь есть что:
  • "400,360" - размеры картинки (изменяется в зависимости от длины и ширины картинки)
  • "http://postovoj.ru/jwplayer.swf" - адрес плеера (не изменяется)
  • "image=//img1.liveinternet.ru/images/attach/c/2//71/535/71535139_cover.jpg" - адрес картинки (при составлении кода после "image=" необходимо вставить адрес вашей картинки, формат картинки - jpeg, gif или png)
  • "file=http://dl.dropbox.com/u/8309853/mp3/akvarium_nemoe_kino.mp3" - адрес mp3-файла (при составлении кода после "file=" необходимо вставить адрес вашего mp3-файла)
  • "controlbar=over" - как находятся кнопки управления (не изменяется)
  • "width=400" и "height=360" - длина и ширина картинки соответственно (изменяются в зависимости от длины и ширины картинки)
  • "link=http://www.aliveinternet.ru/" - ссылка в плеера (может отсутствовать)
  • "skin=http://postovoj.ru/skins/special/overlay.swf" - адрес скина (не изменяется)


  • Специально подчеркнул в коде, что вам придётся самостоятельно поменять. Как вы видите - не так много: 2 адреса (картинки и музыкального файла) и размеры изображения (правда, аж в 2-х местах).

    Примечания
    1. Если хотите, чтобы музыка начинала играть автоматически, добавьте в код плеера "&autostart=true". Но настоятельно не рекомендую.
    2. В анимированных gif-файлах показывается только первый кадр.

    Спасибо сайту postovoj.ru за предоставленный хостинг для плеера и скина и лично ppmax за создание этого сайта.

    LI 5.09.15

    Дополнение
    Как и куда грузить mp3 файлы?
    Где взять ссылки на файлы mp3?
    (см. часть 1 и 2)

    Серия сообщений "уроки":
    Часть 1 - КАК ПОМЕНЯТЬ СХЕМУ В ДНЕВНИКЕ
    Часть 2 - картинки рядом
    ...
    Часть 17 - Помещаем музыку в флешку
    Часть 18 - Как поменять код флеш-картинки(на Ли.ру) на html-код для других сайтов.Урок
    Часть 19 - Как сделать музыкальную открытку?
    Часть 20 - Где взять ссылки на файлы mp3? Как собрать для блога?
    Часть 21 - Как вставить плеер с плейлистом с сайта
    ...
    Часть 26 - Извлечь музыку из файла
    Часть 27 - Как вытащить прямую ссылку на песню из сайта вконтакте
    Часть 28 - Не закачиваются аудиофайлы, что делать?

    Метки:  

     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку