-Метки

8 марта flash html плееры анимация баннеры благодарности весна видео генераторы день рождения друзьям животные заготовки для творчества зима имена иркутск клипарт клипарт праздничный кнопочки котоматрица кошки мои работы музыка новогодние флешки новый год осень открытки открытки музыкальные открытки поздравительные переходы плееры под кат пожелания поздравления поздравления с флешками политика поэзия природа программы птицы рамки рамочки рамочки поздравительные рамочки романтические рамочки с кошками рамочки сделанные в фотошопе рождество с днем рождения спасибо ссылки ссылки для лирушника стихи стихи и музыка схемы схемы весенние схемы цветочные уроки по флеш уроки по фотошопу уроки разные флеш флеш музыкальные флеш плееры фото цветы часики эпиграфы эпиграфы зимние эпиграфы музыкальные юбилей юмор

 -Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

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

Поиск сообщений в Marina-Rozina

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

 

 -Статистика

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


Делаем элементарный плеер сами в программе Sothink SWF Quicker

Четверг, 25 Апреля 2013 г. 16:54 + в цитатник
Цитата сообщения Legionary

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

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

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

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




Рисовать именно, в этом уроке я не буду учить.
1.Итак, открываем программу и сразу создаем первую кнопку "плей". Жмем кнопки по стрелкам :
 (225x104, 9Kb)

2.В открывшемся окошке выбираем этот пункт:
 (361x160, 15Kb)

Откроется редактор нашей кнопочки.

3.Если картинка уже нарисована:
Просто импортируем ее в библиотеку ( лучше сразу обе картинки - и стоп и плей). Я уже говорил как это делать, но напомню:
Жмем по стрелкам:
 (224x215, 15Kb)

После чего откроется окошко со списком папок на вашем компьютере. Находим нужный файл (можно выделить сразу несколько нужных файлов, картинок) и жмем "открыть":
 (278x78, 7Kb)

Все, файлы импортировались в библиотеку, можете увидеть их тут:
 (300x160, 11Kb)

4.Теперь нашу кнопку "плей" просто переносим из библиотеки на поле редактирования кнопки ( просто цепляем мышкой и переносим). Я же нарисую ее прямо тут:)

Если кнопки у вас все же нарисованы отдельно, советую почитать внимательно этот пост ( особый акцент на объяснение про "HIT" (четвертый) кадр)
Далее повторяем все те же действия с пункта "1" для кнопки стоп.


В результате, в библиотеке у нас должно быть две кнопки:
 (227x161, 13Kb)

Теперь нам надо эти две кнопки перенести на сцену. Соответственно идем на сцену:
 (218x147, 11Kb)

Помните, что на сцене белое окошко- это рабочая область. Какого размера будет это окошко, такого и будет сама флешка в результате:)

Итак, переносим на сцену в рабочую область первую кнопку плей . Пока кнопка выделена ( синяя обводка вокруг),- дадим ей имя:
 (277x67, 7Kb)

Впишем в это окошко play_bt

Теперь создадим новый слой:
 (215x179, 12Kb)

И перенесем на него нашу кнопку "стоп". Имя ей дадим такое - stop_bt

Далее изменим размер нашей сцены, чтоб флешка получилась не больше самих копок. Размер уменьшаем либо цифрами ( клик по полю, снизу они появятся):
 (295x143, 12Kb)

Либо берем этот инструмент :
 (67x99, 4Kb)

И регулируем сцену вручную ( подводим к уголку сцены и тянем во внутрь):
 (198x147, 5Kb)

В общем-то мы все это уже проходили:)
Теперь рабочая область нашей сцены маленькая. Перенесем наши кнопочки на эту область так, чтоб они лежали друг на друге:)

Создаем новый ( третий) слой, кликаем по нему и идем в панель action:
 (212x55, 6Kb)

В поле вписываем следующий скрипт:


stop_bt._visible=false;
play_bt.onRelease=function()
{
myMP3 = new Sound();
myMP3.loadSound(mp3, true);
play_bt._visible=false;
stop_bt._visible=true;
};
stop_bt.onRelease=function()
{
play_bt._visible=true;
stop_bt._visible=false;
myMP3.stop();
};



Вот и все, теперь экспортируем наш плеер (сохраняем).
 (299x151, 14Kb)
 (363x100, 11Kb)

Заливаем его на лиру, например, берем ссылку на песенку и проверяем.

Код вставки такого вашего плеера будет:



Вместо "100,100" вписываем размеры своего плеера естественно:)

Серия сообщений "* уроки Sothink SWF Quicker":
Часть 1 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker
Часть 2 - Делаем элементарный плеер сами в программе Sothink SWF Quicker
Часть 3 - Делаем плеер в программе Sothink SWF Quicker
Часть 4 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
...
Часть 22 - Создание плеера "Биение сердца" из статичной картинки. Часть I
Часть 23 - Создание плеера "Биение сердца". Часть II
Часть 24 - Урок Sothink SWF Quicker " Анимация роз"

Рубрики:  Уроки по флеш
Метки:  
Понравилось: 2 пользователям

Логово_Белой_Волчицы   обратиться по имени Пятница, 26 Апреля 2013 г. 02:14 (ссылка)
Мариночка. спасибо огромное!
139 (346x368, 122Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 26 Апреля 2013 г. 06:52ссылка
Рада, что понравилось! Наконец-то я научилась делать настоящие плееры, в которых можно менять ссылку на музыку. Надеюсь сегодня к вечеру оформить пост со своим плеером, заходи посмотреть на кошек.
 

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

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

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

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