Війти
Урок создания flash видео плеера
18.05.2010 | Кат. Полезные заметки | 1574
Рассмотрим пример создания флеш проигрывателя для видео файлов, который можно установить на свой сайт, позволив посетителям сайта смотреть видео на сайте без скачивания при помощи технологии Adobe Flash, на языке actionscript 2. Обратите внимание, что flash плеер может воспроизводить видео только одно формата – flv.
Плеер будет состоять из одного кадра. На сцене должны быть:
1) Видео-символ (myVideo). В свойствах нужно указать Video (actionscript controlled).
2) Кнопка или мувиклип, который будет останавливать воспроизведение (кнопка пауза). Instance name - p_btn.
3) Над этой кнопкой нужно разместить клипы – значки воспроизведения и паузы (play_btn и pause_btn).
4) Мувиклип vol, состоящий из двух мувиклипов – полосок, индикатор/регулятор громкости. На первом слое (нижнем) должен быть мувиклип fon, над ним – bar, идентичный по размеру, но другого цвета.
5) Клип progress_bar, похожий на клип vol. На нижнем слое клип fon, на среднем - flv_load, на самом высшем – bar.
После того, как вы сделали оболочку плеера, вам остаётся только добавить в кадр код:
stop(); // останавливаем воспроизведение
// ставим ширину равной нулю (скрываем) индикаторы загрузки и позиции воспроизведения
progress_bar.flv_load._width = 0;
progress_bar.bar._width = 0;
pause_btn._visible = false; // скрываем кнопку пауза
//isPlaying - булева величина, которая показывает, идёт ли сейчас подгрузка видео
isPlaying = false;

link = '1.flv';// ссылка на видео файл для воспроизведения (flv)

// нажатие на кноку play/pause
p_btn.onRelease = function() {
if (!isPlaying) {// если подгрузка вижео ещё не начиналась
_root.nc = new NetConnection(); // экземпляр класса NetConnection
_root.nc.connect(null);
_root.my_ns = new NetStream(_root.nc);// экземляр класса NetStream
setPlayBtn(false); // скрываем кнопку play, показываем кнопку pause
// "прикрепляем" поток видео (класс NetStream) к видео-символу
myVideo.attachVideo(_root.my_ns);
_root.my_ns.play(link);
// при получении данных о длительности видео
_root.my_ns.onMetaData = function(infoObject:Object) {
totalTime = infoObject.duration;//сохраняем в отдельную переменную
};
// при завершении загрузки видео
_root.my_ns.onStatus = function(info) {
if (info.code == "NetStream.Play.Stop") {
isPlaying = false;
setPlayBtn(true);
progress_bar.bar._width = 0;
}
}
isPlaying = true; // значит, что видео начало подгружаться
} else // если видео уже грузится
if (pause_btn._visible) { // и если сейчас плеер не на паузе
// ставим видео на паузу
_root.my_ns.pause(true);
// запоминаем позицию воспроизведения
current = _root.my_ns.time;
// скрываем кнопку pause, показываем кнопку play
setPlayBtn(true);
} else { // если плеер на паузе
// перематываем видео на место, где остановились
current = _root.my_ns.time;
// и продолжаем воспроизведение
_root.my_ns.pause(false);
// скрываем кнопку play, показываем кнопку pause
setPlayBtn(false);
}

}


onEnterFrame = function() {
if (isPlaying) {
setBar();
}
//считаем проценты, меняем ширину полоски - индикатора загрузки видео во flash плеер
current = _root.my_ns.time;
total = _root.my_ns.bytesTotal; // "вес" видео в байтах
loaded = _root.my_ns.bytesLoaded; // количество загрженых байт
percent = (loaded/total); // соотношение полного веса к загруженой части
// в зависимости от загруженой части, меняем длину зелёной полоски - индикатора
progress_bar.flv_load._width = (percent * progress_bar.fon._width);

}
// setBar - функция, которая будет отображать прогресс вопроизведения видео в плеере
// при вызове позиция передаётся как процент (от 0 до 100)
function setBar(percent:Number) {
if (percent == undefined) percent = Math.floor(_root.my_ns.time/totalTime*100);
// меняем ширинц полоски-индикатора
progress_bar.bar._width = (percent/100 * progress_bar.fon._width);
}

// нажатие на полоску - индикатор загрузки
// именно на этот индикатор, чтобы нельзы было перепрыгвать на незагруженные участки
progress_bar.flv_load.onRelease = function() {
// вызов функции scrubbing, которая отвечает за перемотку на нужный моммент времени
scrubbing(Math.floor((progress_bar._xmouse*100)/progress_bar._width));
}

function scrubbing(p) { // функция для перемтоки видео
isEnd = false;
setPlayBtn(false);
_root.my_ns.seek(p*totalTime/100);
_root.my_ns.pause(false);
}

// функция, которая показывает/прячет кнопки play и pause
function setPlayBtn(b) {
play_btn._visible = b;
pause_btn._visible = !b;
}

// создаём обьект класса Sound, который будет охватывать все звуки в фильме
sound = new Sound();
// регулировка громкости
vol.onRelease = function() { // клик по индикатору громкости
vol.bar._width = vol._xmouse;// меняем ширину индикатора
// меняем громость звука
sound.setVolume(vol._xmouse/vol._width * 100);

  • Как правильно выбрать ламинат

      Правильнее будет называть не ламинат а ламинированное покрытие. Ламинат состоит из водостойкой плиты ДВП которая служит как основа, к ней с обеих сторон приклеивают специальную бумагу, пропитанную разными…

  • iPhone 7 Plus характеристика

      Компания Apple со сцены представила новые модели смартфонов iPhone 7 Plus и iPhone 7 . В этой статье мы с вами поговорим о модели iPhone 7 Plus о ее характеристиках и основных достоинствах. Первое на что стоит обратить внимание это…

  • Сексуальность

    Даже если мы иногда и затрудняемся признать это открыто одной из основных серий вопросов которые мы хотели бы задать хирологу а также астрологу гадателю по картам таро графологу являются вопросы связанные с сексом и…

  • «Однорукий бандит» - легенда азартных игр

       Старейшим и простейшим в обращении игральным автоматом является, существующая уже более сотни лет, азартная забава «однорукий бандит». Сначала это была примитивная механическая игрушка, которая…

  • Предсказания (Леонардо)

    866.С. А 145 r. Подразделения предсказаний: Во-первых, о вещах, относящихся к разумным животным, во-вторых — к тем, что лишены силы разума, в-третьих, о растениях, в-четвертых, об обрядах, в-пятых, об обычаях, в-шестых, о…

  • поздравления с днем защитника отечества

    19 Хоть Вы не носите мундира, Но знаем мы, что в трудный час Вы так же, как и все солдаты, Спасете Родину и нас. 20 Ты настоящий воин, я-то знаю! Ты смог завоевать меня Без пушки, сабли и коня! Тебя сегодня поздравляю, Мой…

  • Индекс массы тела, узнай есть ли лишний вес.

    Индекс массы тела (англ. body mass index (BMI)) — величина, позволяющая оценить степень соответствия массы человека и его роста и тем самым, косвенно, оценить, является ли масса недостаточной, нормальной, избыточной (ожирение).…

  • Как доставлять наслаждение женщине

    После пpиятной пpедваpительной игpы женщина удобно устpаивается лежа на спине. Если ей нpавится, она может положить голову на подушку. Она pаздвигает ноги. Она может их согнуть, пpиподняв колени, или вытянуть их. Ключом к…

  • Детские ссоры

    Вы никак не можете понять, с чего все начинается. Вроде бы только что эти милые создания играли в одни и те же игрушки, смеялись, прыгали, веселились и так нежно общались друг с другом, что казались самыми лучшими…


Комментарии

44 + 56 =