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

Поиск сообщений в SERGIO_63

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.05.2012
Записей: 897
Комментариев: 89
Написано: 1028


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

Вторник, 15 Мая 2012 г. 20:52 + в цитатник
Цитата сообщения 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://www.yapfiles.ru/files/202749/5b6993bf1f76982ca3b2af3cfacb9909.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://www.yapfiles.ru/files/202749/5b6993bf1f76982ca3b2af3cfacb9909.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 - Как вставить ПЛЕЕР в пост на Лиру (подробно)
    ...
    Часть 7 - Оформляем текст и картинки
    Часть 8 - Как создать, запомнить и выложить схемы. Часть 1
    Часть 9 - Как сделать музыкальную открытку?
    Часть 10 - Устанавливаем плеер на каждую страницу дневника. Грузим mp3, собираем плеер
    Часть 11 - 30 способов сделать скриншот сайта
    ...
    Часть 38 - Как поменять название дневника, имя пользователя, адрес email. Как поменять букву в имени на прописную или строчную
    Часть 39 - Как вставить открытку (картинку) в личное сообщение на ЛиРу
    Часть 40 - Как скопировать со страницы некопируемый текст


     

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

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

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

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