Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Будем делать простой потоковый плеер - кнопку из анимационной картинки. Это очень быстрый способ создать музыкальную флеш картинку для украшения своих записей или эпиграфа дневника. Для создания плеера нам потребуется только одна интересная анимационная картинка и минимум действий.
Вот мой результат урока.


А это анимационная картинка сделанная мною для плеера


Вы тоже можете сделать свою анимацию или взять готовую из интернета.
Урок выполнен в программе Sothink SWF Quicker русская портативная версия SothinkSWFQuicker_5.3.511
Скачать эту версию можно здесь
http://rusfolder.com/37464551
1 Открываем программу и В панели "Свойства" выставляем параметры для флеш ролика
Ширина рабочего поля в пикселях.
Высота рабочего поля в пикселях.
Частота кадров и цвет фона.
Размеры рабочего поля равны размерам вашей картинки
В моем случае это 550 пикс x 500 пикс. Частота кадров равна 12 кадрам в сек.


2.Далее, на Временной Шкале создаем 4 слоя (снизу вверх). Самый нижний слой "Play". Здесь будет картинка, работающая как кнопка "Play". Над этим слоем второй слой - "Stop". Здесь будет располагаться картинка - кнопка "Stop". Еще выше, третий слой для подписи - "Подпись" и самый верхний - четвертый слой для записи скрипта - "Скрипт".




"Читаем урок про плеер кнопку далее"

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 18 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
Часть 19 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
Часть 20 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 21 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 22 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.
...
Часть 44 - Делаем флеш календарик в Adobe Flash (AS3).
Часть 45 - Текстовый скроллинг средствами флеш.
Часть 46 - Делаем флеш открытку с эффектом курсора «Mouse trailer». Урок для Adobe Flash CS6.

Серия сообщений "Рождество":

Часть 1 - Символы Православия. Клипарт PNG.
Часть 2 - Кластеры "Рождественское тепло".
...
Часть 16 - Векторный клипарт «Снежное Рождество».
Часть 17 - Набор для дизайна «Рождество».
Часть 18 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 19 - С Рождеством!
Часть 20 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».
Часть 21 - Надписи и шрифты «С Новым Годом и Рождеством».
Часть 22 - Коллажи с анимацией "С Рождеством!".
Часть 23 - Маски для Photoshop и Corel «Christmas masks».

Серия сообщений "Flash плееры":

Часть 1 - Flash плееры "Цветочные"
Часть 2 - Осенние флешки для приветствий в дневниках и эпиграфах..
...
Часть 19 - Флеш часики, информер и флеш плеер «Старое кафе».
Часть 20 - Прикольное флеш поздравление с Новым Годом.
Часть 21 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 22 - Флеш плеер «Радио микс».
Часть 23 - Плеер - радиомикс «Мужской характер».
...
Часть 30 - Как получить ссылку на поток онлайн радиостанции.
Часть 31 - Флеш поздравления с Новым Годом.
Часть 32 - Рамочка с флеш «За Святую Русь помолюсь...».

Серия сообщений "Флешки Новогодние":

Часть 1 - Флешинформер "До Нового Года осталось..."
Часть 2 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
...
Часть 13 - Флеш календарики с часиками в новогоднем дизайне.
Часть 14 - Новогодняя флеш гирлянда с приветствием.
Часть 15 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 16 - Снегопад с блёстками. Урок для Adobe Flash.
Часть 17 - Плеер с календариком, часиками и приветствием «Снег с блёстками»
...
Часть 25 - Флеш поздравления с Новым Годом.
Часть 26 - Флеш открытка «2015».
Часть 27 - С Новым Годом!

Делаем и украшаем флеш плеер - урок от Flash Magic.
 

Всем доброе время суток.
Хочу сразу сказать, что сделала этот урок по многочисленным просьбам,
для начинающих флешеров, поэтому выбрала самые простые флеш программы.
В этом уроке мы будем учиться украшать плеер
в программе Aleo Flash Intro Banner Maker
Для начала нам надо сделать плеер в программе Aleo Flash MP3 Плеер Builder.
Открываем программу и добавляем музыку.
Музыкальных композиций может быть несколько,
но чем больше вы добавите мелодий, тем тяжелее будет ваш плеер,
а значит и загружаться на сайте он будет дольше.
Не забывайте, что вы ещё будите его украшать и добавлять к нему
дополнительные флеш элементы или клипарт.


Музыку добавили, теперь выбираем плеер и настраиваем его на свой вкус.


В программе имеются красивые шаблоны плееров.

Читать далее...

Делаем элементарный плеер сами

Результат очень простой будет:
Плеер на одну песню, с кнопкой плей и стоп. Кнопка плей будет исчезать при нажатии, а на ее месте будет появляться "стоп" и наоборот:) Вот и все. Плюс в том, что внешний вид будет полностью ваш, какой нарисуете.

Напоминаю,- учимся мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

У нас два варианта:
1. Рисовать все в самой программе
2. Рисовать в любой другой, например в фотошопе, а затем импортировать картинки в программу. Первый вариант по идее лучше... но не так удобен.
Вот я не особо мучаясь, ровно за 1 минуту и 30 секунд сделал сию кнопульку-плеер:



Читать дальше > > >

Расположение музыки на картинке

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

 

Серия сообщений "• формулы, коды":
Часть 1 - Расположение музыки на картинке
Часть 2 - Серия сообщений "• формулы, коды" от Lyudmila Lyu
Часть 3 - Формулы мои
...
Часть 42 - Как наложить флеш на картинку. Формула
Часть 43 - Кнопка для перехода по страничкам дневника
Часть 44 - Окошко для кода

КАК ЗАГРУЖАТЬ И РЕДАКТИРОВАТЬ ФЛЕШ ФАЙЛЫ НА ЛИ.РУ.

Всем доброе время суток!
Сегодня хочу поделиться своим опытом,
Как загрузить на Ли.ру любой флеш файл со своего компьютера,
отредактировать его и правильно сделать пост.

1. В верхней панели дневника выбираем НАПИСАТЬ



2. Откроется окно редактора, выбираем ПРОСТОЙ РЕДАКТОР

Делаем плеер из любой картинки

КОД ПЛЕЕРА таков:

 

Читать далее...

Плеер за 6 секунд

Рамочка №1707 "Музыкальная" (Ширина картинки или плеера не больше "650")

Картинка или плеер Ваш текст

<center><table background="//img0.liveinternet.ru/images/attach/c/0/119/634/119634128_gvr3001.png" border="0" cellpadding="0" cellspacing="0" height="411" width="700"><br /> <tbody><tr><td></td></tr></tbody><table background="//img1.liveinternet.ru/images/attach/c/0/119/634/119634143_gvr3002.png" border="0" cellpadding="0" cellspacing="0" height="259" width="700"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td width="700"><br /> <center><span style="font-size: 1.0em; text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">Картинка или плеер<center><span style="font-size: 1.2em; text-shadow: 0.1em 0.1em 0.2em black; color: aliceblue;">Ваш текст</span></center></span></center></td></tr></tbody></table></td></tr></tbody></table></table></center><center><table background="//img1.liveinternet.ru/images/attach/c/0/119/634/119634147_gvr3003.png" border="0" cellpadding="0" cellspacing="0" height="172" width="700"><tbody><tr><td></td></tr></tbody></table></center>

Серия сообщений "для музыкальных постов, аудио и видео":

Часть 1 - Рамочка №400 "Для музыкальных постов"
Часть 2 - Рамочка №762 Для аудио сборников (или видео)
...
Часть 26 - Рамочка №1624 "Музыкальная"
Часть 27 - Рамочка №1631 "Музыкальная"
Часть 28 - Рамочка №1707 "Музыкальная" (Ширина картинки или плеера не больше "650")
Часть 29 - Рамочка №1711 "Музыкальная"

Видео-плейер «Морской»

 

СЮДА ВСТАВЛЯЕМ КОД ВИДЕО

Автор видео-рамочки

Серия сообщений "Видео-плейер":
Часть 1 - Видео-плейер «Морской»
Часть 2 - Видео-плеер
Часть 3 - Рамочка для видео
Часть 4 - Рамка для видео «IPhone»

Возьми Mp3 - сайт, где легко взять ссылку на музыку



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Возьми Mp3 - сайт, где легко взять ссылку на музыку
Хочу познакомить вас с сайтом, где ссылку на музыку MP3 взять очень просто.




"Урок далее"

Продолжим изучение темы плееров.

Всем, Добрый день! Давайте продолжим изучение темы плееров. Сегодня мы изучим:  Как сделать флеш-плеер со своей музыкой, одеть в красивую "упаковку" и вставить в свой пост. Допустим, мы создаём свой пост, заходим в "редактировать", редактируем, что нам нужно и хотим вставить аудио-плеер. Идём в "Прикрепить файл" и жмём на "Обзор", Смотрите скриншот 1 стрелка 1-2. Выбираем музыку со своего компьютера (см. урок 1), жмём кпопочку "Открыть" и "ОК". Далее, в окошечке откроется файл на Вашу музыку. Теперь жмём на кнопочку "Черновик" и у Вас всё, что вы создали откроется в черновике. Внизу поста появится вот такой плеер с музыкой (можно оставить его, правда поставив с необходимое для Вас место в посту), Смотри скриншот 2 но мы идём дальше. Снова идём в "Редактировать" пост (внизу поста справа), открывается Ваш HTML-код поста и внизу мы ищем флеш-код нашего плеера, созданного выше. Далее смотрите Скриншот 3 На нём у меня выделен код,(стрелка 1-4) который Вам нужно, скопировать и аккуратно вставить в код своего плеера "линеечки", который Вы можете взять из моего поста Подборка аудио-плееров", самый последний. Или вот, скриншот 4, с кодом этого плеера: Здесь я выделила код (стрелочка 1) моей музыки. Вы аккуратненько удаляете его и вставляете на его место свой, полученный выше (смотри скриншот 3). Всё у Вас получился плеер с вашей музыкой. Идёте "Сохранить изменения" и смотрите как смотрится плеер. Затем снова в "Редактировать", смотрим код флеш-плеера, там есть два числа: 200 и 20 - это длина и ширина плеера соответственно. Ширину (20) менять не надо, а длину можете менять как Вам больше нравится. И ещё добавлю, что можно менять цвет плеера. Смотрим код плеера, там есть параметр: backcolor=#82f905 - это цвет плеера, его можно подобрать в палитре цветов, скопировать, этот аккуратно стереть, и вставить свой цвет Палитра цвета, аналогично можно поменять и цвет кнопочек на плеере -это: fontcolor=#.... и lightcolor=#... . Далее код уже готового Вашего плеера копируете и ставите его в то место поста, куда Вам надо, а внизу код просто удаляете. Для того, чтобы украсить Ваш пост и плеер его можно оформить следующим образом. Допустим сделать такой плеер. Смотрите скриншот 5 это код плеера. И здесь мы делаем следующее: красной линией у меня выделен код моего плеера. Его Вы аккуратно удаляете и на его место ставите код плеера уже Вашего, со скриншота 4, но уже с вашей музыкой. Параметры: длину и ширину меняем на минимальные (высота=20 - постоянно, а длиной можете походить, как будет лучше смотреться от 30 до 100). А это от меня ещё несколько оформленных плееров, в которые так же можно вставить свою музыку, как я Вам уже рассказала. Вот вроде бы и всё. Успехов Вам в усвоении материала! Дерзайте.

пост от Венера01

Где взять муз. файл в формате мр3

Плейлист для Лиру

Аудиоплеера-кнопочки

Возьми Mp3 - сайт, где легко взять ссылку на музыку



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Возьми Mp3 - сайт, где легко взять ссылку на музыку
Хочу познакомить вас с сайтом, где ссылку на музыку MP3 взять очень просто.




"Урок далее"

Как получить ссылку на музыку



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

Как получить ссылку на музыку

Уже в который раз спрашивают, как получить ссылку на музыку для вставки в плеер.
Опишу несколько способов, которые знаю...))

Читать далее...

ДЕЛАЕМ ПЛЕЕР В ПРОГРАММЕ Aleo Flash MP3 Плеер Builder

Доброе время суток мои дорогие друзья, читатели и гости.

Давно обещала написать урок, как работать в программе
Aleo Flash MP3 Плеер Builder
Программа лёгкая и очень удобная для создания плейлиста,
который можно поместить в красивый плеер.
Такой плеер с любимой музыкой украсит страничку вашего дневника, блога или сайта.
Для тех, кто занимается флеш, можно взять кнопочку плеера,
вставить музыку и затем готовый бутон добавить в свою флеш открытку.
Как это сделать, я расскажу в следующем уроке.

ПРОГРАММУ МОЖНО СКАЧАТЬ ЗДЕСЬ.

Итак, делаем плеер всего за три шага.

1 ШАГ - ДОБАВЛЯЕМ МУЗЫКУ

Кликаем по красному плюсику и выбираем музыку.
Добавить можно несколько файлов.
Выделив строчку с музыкой, можно при помощи стрелочек,
переместить её вверх или вниз
Что бы прослушать, нажмите на кнопочку плеера.
Если выбранная музыка вас не устраивает,
выделите её, кликните на минус и она удалится.
Смотрите внимательно в скринах, все настройки я указала стрелочками

*** КРАСИВЫЙ ПЛЕЕР ДЛЯ ДИЗАЙНА ДНЕВНИКА ***

ЧАРУЮЩИЕ ЗВУКИ МУЗЫКИ
Помогут расслабиться вам после трудового дня
а красивый плеер
украсит дизайн вашего дневника.

*** ПЛЕЕРЫ ДЛЯ ДИЗАЙНА ДНЕВНИКА - СКПИПАЧКА + плеер с молитвой - моя фантазия + код ***

Два плеера с красивой музыкой.

Первый плеер на прозрачном фоне
подойдёт к любому дизайну.
Украшайте свои дневнички.

Сегодня ВЕЛИКИЙ праздник ПАСХА.
И в дополнение к этой прекрасной музыке,
дарю вам маленький плеер с молитвой.
Включите одновременно два плеера,
и молитва в сопровождении музыки,
наполнит ваши души лёгкость и спокойствием.

ГЕНЕРАТОР ПЛЕЕРОВ

Читать далее...

Как вставить на ЛиРу музыку с сайта «muzebra.com»?

ссылка: Как добавить свой видеоальбом...

Огромное спасибо Лариса Гурьянова за видеоплеер!!!



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

Сайт muz-play.net

Как добавить свой видеоальбом

Посмотреть видеоальбомы, плейкасты,флеш-открытки можно здесь!
Видеоальбомы!
Музыкальные flash-открытки ещё здесь!

Плееры Романтика - для Вали

Музыка включается и выключается нажатием на плеер. Размеры плеера и музыку можно менять. Если не умеете, обращайтесь ко мне, помогу.

Плеер Танцовщица

Чтобы включить музыку, нажмите на картинку. Музыку можно менять. Для этого в коде после символов "mp3=" поставьте ссылку на свою музыку. Если возникнут проблемы со сменой музыки, обращайтесь ко мне, помогу.

Новый mp3 плеер для дневника, сайта.

Наконец-то отчитываюсь:)

Все это время занимался созданием нового плеера для наших дневников, или сайтов. Теперь все готово, делюсь (кроме pro версии, для тех кому интересно, я планирую доделать ее в ближайшие дни) :)

Главная особенность плеера - настройка внешнего вида.
Итак, он может быть например таким:



Или таким:



Читать дальше > > >

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

ЛиРу - как вставить плеер с музыкой в пост. Подборка плееров для вас.

Ох и швыряет меня по темам:-) Ну не успеваю я сразу обо всем писать:-) Теперь вот про плееры. Как помните, просто вставлять музыку на лиру мы уже учились тут: Грузим музыку в дневник ( два стандартных способа), теперь же речь пойдет о вставки именно работающего плеера в пост. А то меня часто спрашивают,- первый признак, что пора написать пост по теме:-)

Сразу предупрежу,- дождитесь полной загрузки поста:-) все есть, все видно, но не сразу:-))

Все что нам надо для того, чтобы вставить плеер в пост это:
Прямая ссылка на mp3 файл ( куда загрузить музыку,- можно почитать ТуТ ),
Ссылка на плеер,
И сам код вставки плеера.

Вот что у нас получится в результате:



Теперь о самом коде. Я его максимально сократил, убрал все лишнее. Но об этом "лишнем" еще поговорим;-)
Итак сам код:

Читать дальше > > >

Еще один вид плеера для вас

Хочу вас познакомить еще с одним способом выразить при помощи плеера свое настроение под картинкой , фотографией или под коллажем....Мы обычно пользуемся готовыми плеерами с сайта privet.ru или с сайта muzicon но есть еще один способ получить быстро плеер с той композицией , которая нам нравится....Хотите узнать как????...Да запросто.....делюсь!!! Посмотрите....вот так это будет выглядеть, когда мы с вами научимся его делать... Что для этого нужно?? Сейчас расcкажу...

*** ДЕЛАЕМ ПЛЕЕРЫ В ПРОГРАММЕ Aleo Flash MP3 Player Builder (MP3-конвертор) ***

Многие хотят украсить свой сайт, блог или дневник красивым плеером с любимой музыкой. Вот в целях ОЗНАКОМЛЕНИЯ предлагаю вам программу Aleo Flash MP3 Player Builder (MP3-конвертор) В программе имеются красивые шаблоны плееров.

ЧИТАЙТЕ ДАЛЬШЕ
ВСЁ ДЛЯ ВАС

Кнопка - плеер 5 (свечи, цветы)

[flash=165,197,//img0.liveinternet.ru/images/attach/c/3//3894/3894070_sv_v_s_181_222_pl_001.swf?mp3=Ссылка_на_песню]	[flash=165,197,//img0.liveinternet.ru/images/attach/c/3//3894/3894071_s_r_z_165_197_pl_002.swf?mp3=Ссылка_на_песню]	[flash=171,196,//img0.liveinternet.ru/images/attach/c/3//3894/3894073_sv_v_b171_196_pl_003.swf?mp3=Ссылка_на_песню]

  Копируем код, добавляем прямую ссылку на Ваш файл в формате "MP3"

Читать далее...