• Авторизация


Делаем элементарный плеер сами 22-12-2010 10:02 к комментариям - к полной версии - понравилось!


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

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

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




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

2.В открывшемся окошке выбираем этот пункт:
[361x160]

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

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

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

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

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

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


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

Теперь нам надо эти две кнопки перенести на сцену. Соответственно идем на сцену:
[218x147]

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

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

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

Теперь создадим новый слой:
[215x179]

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

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

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

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

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

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

В поле вписываем следующий скрипт:
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]
[363x100]

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

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

Вместо "100,100" вписываем размеры своего плеера естественно:)
вверх^ к полной версии понравилось! в evernote
Ох,все скачала,спасибочки пребольшое,теперь буду учиться!!!
Alex_Domoed 29-10-2012-06:31 удалить
Автору поста конечно огромное спасибо!
Кто то создаст для себя индивидуальный, с рисованными кнопками, а возможно и анимацией, плеер.
Вот к примеру такой:


Кнопка-плеер это конечно хорошо, тем более сделанная своими руками. Но.. Зачем изобретать велосипед?
Знаю много онлайн ресурсов где есть и кнопки и всё что угодно. Вставил прямую ссылку на МР3 файл. Выбрал размер и щёлкнул мышкой.
Вот и все. Копируй код и вставляй на сат.
Вот один из простых плееров-кнопок. http://www.strangecube.com/audioplay/
-IMHO- 29-10-2012-12:51 удалить
Ответ на комментарий Alex_Domoed # Alex_Domoed, Поразительно! Вы сначала отвечаете на вопрос, потом его задаете...
Отменим уроки в школах! Зачем они... ведь кто-то это уже все знает!
Alex_Domoed 29-10-2012-13:59 удалить
Ответ на комментарий -IMHO- # Если чем то обидел, извините.
Вообще сонный был. Написать хотел немного не о том.
Я работал в этой программе. И в фотошопе не новичек.
Посмотрите... (да что посмотрите)
Просто приглашаю Вас в мой блог - http://grapher-music.blogspot.ru/
Все сделанное в нём, только сам, без посторонней помощи.

Создавал несколько плееров, но потом начинались проблемы. Ведь его нужно ещё куда то поместить. Хотя бы на FTP.
Но в блог заходят очень много иностранцев. Поэтому Народ, Майлру и т.д. всё отпадает, да и любой российский сервис отпаджает.
А ФТП нужен анонимный, а иначе при включении плеера будет вылезать табличка с вводом логина и пароля. Да, можно все это и прописать, но тогда любой сможет войти на мой ФТП.. Заводить личный сайт лично для меня тоже не вариант. По этому предпочитаю пользоваться сторонними сервисами.
Хранилище - Дропбокс.
Плеер можно найти в сети. Переделать СВФ под себя, убрать логотип при необходимости.
Вот и все.
-IMHO- 29-10-2012-14:11 удалить
Ответ на комментарий Alex_Domoed # Alex_Domoed, меня Вам обидеть не удастся а за автора не решусь говорить.
Получается, Вы и сами любите поизобретать велосипед?
Alex_Domoed 29-10-2012-14:16 удалить
Ответ на комментарий -IMHO- #
Исходное сообщение -IMHO-
Alex_Domoed, меня Вам обидеть не удастся а за автора не решусь говорить.
Получается, Вы и сами любите поизобретать велосипед?

[показать] Ага, есть такой грешок.
Спасибо, за урок! Решила попробовать, а потом комментарий написать ( я чайник) получилось. Плеер получился но вот не задача согласно вашего кода (
), для меня не понятно ГДЕ МНЕ ВЗЯТЬ КОД НА ПЛЕЕР КОТОРЫЙ Я СДЕЛАЛА????
С музыкой вроде дело обстоит нормально



То иногда проблемы загружаю играет, потом музыка или долго грузится или вообще не играет. Не подскажите причину?
Ну просто - огромнейшее спасибо!!!!! Я стырнетила все ваши уроки по флеш, надеюсь, будете не в обиде..)) Удачи вам, Алексей, в наступившем году!!! Удачи и всех благ!!!
koreckolga 08-01-2013-12:21 удалить
Огромное спасибо за интересный урок! Всего самого наилучшего! Успехов в творчестве! С новогодними праздниками!!!
mimozochka 18-02-2013-19:19 удалить
Спасибо за ваши уроки. надо попробовать!!
PSN 07-03-2013-15:11 удалить
Леша! Почему у меня кнопки получились одна вверху, другая внизу, что я не так сделала?
PSN 07-03-2013-15:12 удалить
Вот мой результат
Mila2609 05-04-2013-18:29 удалить
Не совсем то, что хотелось бы, но попробовать надо. Спасибочки!
Marina-Rozina 25-04-2013-16:51 удалить
Уважаемый Алексей! Огромное спасибо за Ваш урок! Всё очень понятно и хорошо написано. С кнопками-картинками вообще не возникло никаких проблем. Вот с анимацией пришлось помучиться, но в конце концов освоила.
[показать]
vgm59 27-05-2013-14:16 удалить
Замечательный урок,всё получилось,учимся дальше!
[292x300]
29-05-2013-18:12 удалить
Здравствуйте, спасибо за уроки. Я буквально за 15 мин. тут все освоила. Очень доступно. Только я не понимаю, почему у меня логотип Sothink после экспорта выбивает. Можете подсказать?
Спасибо, Леша, твои уроки классные!
niilit51 27-01-2014-21:22 удалить
Спасибо за урок! Цитирую!
Anushka_M 24-02-2014-11:24 удалить
Спасибо за уроки!!!Всего самого доброго и светлого.Цитирую с благодарностью.
ЕЛАНОЧКА 26-03-2014-14:14 удалить
Спасибо. Забираю в свою копилочку.


Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем элементарный плеер сами | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: «позже раньше»