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


Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов 15-12-2014 12:07 к комментариям - к полной версии - понравилось!

Это цитата сообщения jzayka Оригинальное сообщение

Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов .






Сегодня я расскажу как загрузить и управлять mp3 файлами в Adobe Flash,
используя библиотеку классов под названием SoundSkin.

С помощью SoundSkin можно управлять как встроенными(загруженныими в библиотеку) mp3 файлами ,так и внешними, т.е.используя прямые ссылки на mp3 файлы.
Как мы это делаем при помощи Фрагментов кода.

Информация о библиотеке взята на этом сайте.
Благодарность автору за дополнительные пояснения.


Пример моей работы,в которой звук загружен с SoundSkin.
Обратите внимание,что после остановки и при повторном включении звук проигрывается с момента остановки.
Пользуясь Фрагментами кода при повторном включении проигрывание звука происходит с начала.




Рассмотрим работу с внешними mp3 файлами( прямыми ссылками) при помощи SoundSkin.
1.Создадим папку проекта на компьютере в любом месте ,назовем ее не важно как..
Для примера я назову ее "Звук с библиотекой".

2.Скачаем вложение к посту,в котором находится библиотека классов.
[показать]
Если кликать по подпапкам,увидим классы,которые входят в библиотеку(для информации).
[показать]

3.В программе создадим новый документ ActionScipt3.
Назовем его "Пример".
Сохраним в папку с проектом,которую мы назвали "Звук с библиотекой".
Файл-Сохранить как.
Так теперь должно быть в папке проекта
[показать]

4.Создадим на временной шкале еще один слой
На 1-ый импортируем в рабочую область картинку(фон).
На 2-ом у нас будет кнопка-плеер.
[показать]

Дальше долго и нудно буду рассказывать как создать кнопку -плеер.
И поместить ее на фон .
Кто знает, пропустите п.п.5-13.

Об этом так же подробнейшим образом изложено в уроках Тут и Тут

Итак :
5.Подготовим кнопку-плеер,которая будет управлять звуком.
Для этого:
6.Создадим символ(Вставка-Создать символ).
Назовем плеер
[показать]

7.Создадим в нем 3 слоя.Два для кнопок.
Верхний слой для скрипта.
[показать]

8.Импортируем в Библиотеку кнопку(заготовку,картинку)
И перетаскиваем ее на слой играть
[показать]

Выравниваем
[показать]

9.Инструментом Стрелка выделяем.
На выделенной кнопке жмем правой кнопкой мыши.
В выпадающем списке выбираем -Преобразовать в символ.
Или
Модификация-Преобразовать в символ.
[показать]
называем "Играть"
[показать]
В Свойствах пишем имя btnPlay
[показать]
Щелкаем дважды по кнопке и попадаем в поле редактирования символа играть.
Создадим слой 2.
Активируем инструмент текст и напишем над кнопкой play.
Вы можете написать то,что вам нужно.
[показать]

10.Для кнопки Стоп из библиотеки перетаскиваем эту же кнопку.
Выравниваем.
Кнопки перекрывают друг друга.
[показать]

11.Уменьшим немножко кнопку стоп.
Для этого активируем инструмент Преобразование и уменьшим до 95 %.
Если у вас не выведен значек этого инструмента,
открыть его можно через верхнее меню.
Окно-Преобразование.
[показать]

12.Преобразуем кнопку в символ так же как в п.9 проделали это с кнопкой играть.
[показать]
И в Свойствах для этой кнопки пишем btnStop
[показать]

13.Переходим на слой AS
Отрываем Панель Действия(F9)
копируем код:
code:

btnPlay.visible = true; btnStop.visible = false;
// слушатели событий
btnPlay.addEventListener(MouseEvent.CLICK, onClickPlay);
btnStop.addEventListener(MouseEvent.CLICK, onClickStop);

function onClickPlay(e:MouseEvent){
btnPlay.visible = false;
btnStop.visible = true; } function onClickStop(e:MouseEvent){
btnPlay.visible = true;
btnStop.visible = false; }


[показать]


14.Пеключаемся на основную рабочую область.
Идем в Библиотеку.На временной шкале активируем 2-ой слой "кнопка-плеер".
И перетаскиваем на него символ "плеер".
Расположите где вам нравится.
[показать]

15.Выделите инструментом Стрелка.В Свойствах назначаем имя btn_1
[показать]
Тестируем Сtrl+Enter
Вот что у нас получилось.Нажмите на кнопку,чтобы посмотреть.
Кнопка работает.



16.А теперь переходим к загрузке mp3 файла.
Создадим новый слой
[показать]
17.Откроем Панель Действия(F9)
Скопируем код ниже.В строке sound_1.load с скобках между кавычек
замените ссылку на свою .
code:

import com.gmac.sound.SoundSkin;

var sound_1:SoundSkin = new SoundSkin();

sound_1.load("http://files.realmusic.ru/files/1137147/1137147.mp3");

btn_1.addEventListener(MouseEvent.CLICK,

onClickBtnFunc_1);

function onClickBtnFunc_1(event:MouseEvent):void

{

sound_1.togglePlayback();

}


[показать]

Если вы хотите,чтобы были 2 кнопки,
перетащите этот же символ "плеер" из библиотеки.
У вас появится вторая кнопка.
Присвойте ей имя в Свойствах btn_2.
[показать]
Скопируйте в Панели Действия код для предыдущей кнопки(btn_1).
Вставьте его сразу после кода для первого трека.
Поменяйте все циферки как показано на скрине.
Вставьте другую ссылку на mp3 файл.
[показать]

code:

import com.gmac.sound.SoundSkin;

var sound_1:SoundSkin = new SoundSkin();

sound_1.load("http://files.realmusic.ru/files/1137147/1137147.mp3");

btn_1.addEventListener(MouseEvent.CLICK,

onClickBtnFunc_1);

function onClickBtnFunc_1(event:MouseEvent):void

{

sound_1.togglePlayback();

}
//2ой трек
import com.gmac.sound.SoundSkin;

var sound_2:SoundSkin = new SoundSkin();

sound_2.load("http://files.realmusic.ru/files/1282645/1282645.mp3");

btn_2.addEventListener(MouseEvent.CLICK,

onClickBtnFunc_2);

function onClickBtnFunc_2(event:MouseEvent):void

{

sound_2.togglePlayback();

}







В Параметрах публикации указываем
[показать]
[показать]

Тестируем.Сохраняем работу.Экспортируем.
Файл-Экспорт-Экпортровать ролик.

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





Серия сообщений "Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 18 - Плеер для AS2 в Adobe Flash CS6
Часть 19 - Реалистичный эффект падающего снега в Adobe Flash(AS3).
Часть 20 - Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов .


вверх^ к полной версии понравилось! в evernote


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

Дневник Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов | Алла_Буланова - Дневник Алла_Буланова | Лента друзей Алла_Буланова / Полная версия Добавить в друзья Страницы: раньше»