-Рубрики

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

Поиск сообщений в иришка_3555

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

 

 -Статистика

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


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

Суббота, 27 Января 2018 г. 08:27 + в цитатник
Цитата сообщения Vlada_Glinskaya Делаем элементарный плеер сами

5675121_BukvicaR (247x265, 53Kb)/5675121_Bukvicar (247x265, 124Kb)/5675121_BukvicaR (112x120, 0Kb)/5675121_BukvicaR (112x120, 24Kb)езультат очень простой будет, плеер на одну песню, с кнопкой плей и стоп. Кнопка плей будет исчезать при нажатии, а на ее месте будет появляться "стоп" и наоборот:) Вот и все. Плюс в том, что внешний вид будет полностью ваш, какой нарисуете.

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

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

Вот я за 2 минуты сделала вот  такую кнопку

 

 


1.Итак, открываем программу и сразу создаем первую кнопку "play". Жмем кнопки по стрелкам :


 (225x104, 9Kb)

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


 (361x160, 15Kb)

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

3.Если картинка уже нарисована:


Просто импортируем ее в библиотеку ( лучше сразу обе картинки - и стоп и плей).

Я уже говорила как это делать, но напомню:


Жмем по стрелкам:


 (224x215, 15Kb)

После чего откроется окошко со списком папок на вашем компьютере.

Находим нужный файл (можно выделить сразу несколько нужных файлов, картинок) и жмем "открыть":


 (278x78, 7Kb)

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


 (300x160, 11Kb)

4.Теперь нашу кнопку "play" просто переносим из библиотеки на поле редактирования кнопки

( просто цепляем мышкой и переносим). Я же нарисую ее прямо тут:)

Если кнопки у вас все же нарисованы отдельно, советую почитать внимательно   этот пост

( особый акцент на объяснение про "HIT" 4  кадр)


Далее повторяем все те же действия с пункта "1" для кнопки стоп.


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

 (227x161, 13Kb)

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


 (218x147, 11Kb)

Помните, что на сцене белое окошко - это рабочая область.

Какого размера будет это окошко, такого и будет сама флешка в результате

Итак, переносим на сцену в рабочую область первую кнопку плей .

Пока кнопка выделена ( синяя окантовка вокруг),  дадим ей имя:


 (277x67, 7Kb)

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

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


 (215x179, 12Kb)

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

Далее изменим размер нашей сцены, чтоб флешка получилась не больше самих кнопок.

Размер уменьшаем либо цифрами ( клик по полю, снизу они появятся):


 (295x143, 12Kb)

Либо берем этот инструмент :


 (67x99, 4Kb)

И регулируем сцену вручную,  подводим к уголку сцены и тянем во внутрь


 (198x147, 5Kb)

Теперь рабочая область нашей сцены маленькая.

Перенесем наши кнопочки на эту область так, чтоб они лежали друг на друге

Создаем 3 слой, жмем по нему и идем в панель 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,Сcылка на сам плеер?mp3=Ссылка на песню]

Вместо 100  вписываем размеры своего плеера.

 

Серия сообщений "флешка":
Часть 1 - Помещаем музыку в флешку
Часть 2 - Помещаем музыку в флешку
...
Часть 6 - Дополнение к уроку-ФЛЭШКА и как вставить ее в картинку (для новичков)
Часть 7 - Флеш-материал для вашего творчества - c уроком "Как пользоваться ссылками на флешку"
Часть 8 - Делаем элементарный плеер сами

Серия сообщений "плеер":
Часть 1 - Как сделать рамку для Плеера
Часть 2 - Генератор плееров...Подробно,как пользоваться им.
...
Часть 25 - Плееры на основе HTML с кодами и уроком, как заменить музыку
Часть 26 - HTML5 для ЛиРу - коды плееров
Часть 27 - Делаем элементарный плеер сами


 

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

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

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

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