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

 -Метки

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

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

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

 

 -Статистика

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

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

Среда, 22 Декабря 2010 г. 10:02 + в цитатник
Результат очень простой будет:
Плеер на одну песню, с кнопкой плей и стоп. Кнопка плей будет исчезать при нажатии, а на ее месте будет появляться "стоп" и наоборот:) Вот и все. Плюс в том, что внешний вид будет полностью ваш, какой нарисуете.

Напоминаю,- учимся мы в программе 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)

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

Код вставки такого вашего плеера будет:
[flash=100,100,ССылка_на_сам_плеер?mp3=Ссылка_на_песню]

Вместо "100,100" вписываем размеры своего плеера естественно:)
Рубрики:  Уроки по flash
Метки:  

Процитировано 265 раз
Понравилось: 57 пользователям



ЛюдоМилка   обратиться по имени Среда, 22 Декабря 2010 г. 10:24 (ссылка)
спасиб
с наступающим....
Ответить С цитатой В цитатник
Дарина423   обратиться по имени Среда, 22 Декабря 2010 г. 12:02 (ссылка)
Спасибо, Алексей!
Ответить С цитатой В цитатник
Люргис   обратиться по имени Среда, 22 Декабря 2010 г. 17:05 (ссылка)
Спасибо!Попробуем на досуге разобраться.
 (100x120, 69Kb)
Ответить С цитатой В цитатник
Kapitoshka_N   обратиться по имени Среда, 22 Декабря 2010 г. 18:03 (ссылка)
Legionary, как всегда заберу :) А разбираться, наверное, уже на пенсии буду :) Спасибо, Лёш!!!
Ответить С цитатой В цитатник
lief   обратиться по имени Среда, 22 Декабря 2010 г. 18:17 (ссылка)
Лешенька, спасибо. Как всегда что-нибудь полезно-инересненькое подаришь. С наступающим тебя, дорогой.
Ответить С цитатой В цитатник
ГАЛИНА_АЛАШНИКОВА   обратиться по имени Среда, 22 Декабря 2010 г. 18:19 (ссылка)
Спасибо, добрый человек!
Ответить С цитатой В цитатник
овно4ка   обратиться по имени Среда, 22 Декабря 2010 г. 19:23 (ссылка)
Лёша, спасибо за полезный урок!!
 (150x126, 16Kb)
Ответить С цитатой В цитатник
love_amor   обратиться по имени Четверг, 23 Декабря 2010 г. 03:49 (ссылка)
От простого к сложному))))))
Ура!!! Теперь можно создать свой собственный
Спасибо, дорогой мой человек)))
Ответить С цитатой В цитатник
love_amor   обратиться по имени Четверг, 23 Декабря 2010 г. 03:49 (ссылка)
От простого к сложному))))))
Ура!!! Теперь можно создать свой собственный
Спасибо, дорогой мой человек)))
Ответить С цитатой В цитатник
Наташа_Зубова   обратиться по имени Четверг, 23 Декабря 2010 г. 19:43 (ссылка)
Спасибо за уроки. Я как раз начинаю осваивать флэш.
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Четверг, 23 Декабря 2010 г. 20:16 (ссылка)
Ответить С цитатой В цитатник
Бахыт_АБМ   обратиться по имени Четверг, 23 Декабря 2010 г. 20:43 (ссылка)
Ответить С цитатой В цитатник
Alla_klass   обратиться по имени Четверг, 23 Декабря 2010 г. 21:31 (ссылка)
 (306x400, 150Kb)


Ответить С цитатой В цитатник
Tessa_Fiery-Phoenix   обратиться по имени Пятница, 24 Декабря 2010 г. 00:31 (ссылка)
Замечательный пост!
С наступающими новогодними праздниками!:)))
Ответить С цитатой В цитатник
девятка-я   обратиться по имени Пятница, 24 Декабря 2010 г. 11:19 (ссылка)
Очень спасибо.
Ответить С цитатой В цитатник
Olga_Chu   обратиться по имени Пятница, 24 Декабря 2010 г. 20:03 (ссылка)
Спасибо огромное! С наступающими праздниками!
Ответить С цитатой В цитатник
-ЦитатникРу-   обратиться по имени Воскресенье, 26 Декабря 2010 г. 17:14 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Джоан   обратиться по имени Воскресенье, 02 Января 2011 г. 14:47 (ссылка)
Спасибо
Ответить С цитатой В цитатник
akkamuletor   обратиться по имени Суббота, 22 Января 2011 г. 10:16 (ссылка)
Немножко сложновато для начинающих
Ответить С цитатой В цитатник
Галина_Кучерявенко   обратиться по имени Суббота, 22 Января 2011 г. 16:49 (ссылка)
Ответить С цитатой В цитатник
ТаМаРа_ТАРАНЬжина   обратиться по имени Пятница, 01 Апреля 2011 г. 23:45 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
в_поисках_любви   обратиться по имени Среда, 20 Апреля 2011 г. 08:24 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Serdoliks   обратиться по имени Воскресенье, 15 Мая 2011 г. 14:36 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
MissKcu   обратиться по имени Среда, 13 Июля 2011 г. 02:48 (ссылка)
Пасиб...утащила все ВАШИ уроки по flash
Ответить С цитатой В цитатник
Перейти к дневнику

Доброе утро!

Среда, 13 Июля 2011 г. 12:18ссылка
Аноним
Доброе утро!
Névtelen 3 (700x525, 347Kb)
Лида_Юринец   обратиться по имени Вторник, 25 Октября 2011 г. 10:46 (ссылка)
Ответить С цитатой В цитатник
Franzuzhenka   обратиться по имени Вторник, 25 Октября 2011 г. 11:15 (ссылка)
Spasibo!
Ответить С цитатой В цитатник
Kantemirova_Irina   обратиться по имени Пятница, 10 Февраля 2012 г. 17:31 (ссылка)
Спасибо большое за урок!
Ответить С цитатой В цитатник
talialka   обратиться по имени Делаем элементарный плеер сами Суббота, 18 Февраля 2012 г. 01:58 (ссылка)
спасибо за урок,в программе получилось- кнопочки переключаются,нажала сохранить(сохранила на рабочий стол),а как вставить в блог не знаю,то есть как его забрать со стола?Не удивляйтесь ,я начинающий чайничек,всё интересно,нравятся флешки - хочется делать самой
Ответить С цитатой В цитатник
alla56   обратиться по имени Вторник, 10 Апреля 2012 г. 09:50 (ссылка)
СПАСИБО
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

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

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

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

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