Идея проста, связи со своими пользователями веб-камера, мы делаем фото и отправить его в галерею, где можно увидеть маски посетителей. Реализация почти так же просто, как теория, а результат невероятный и оригинальным.
Система такая же, как использовать BloggerSnap , сервис, невероятный успех в его запуска и, кажется, закрыт с апреля. Год назад эта должность была более 40000 в Alexa , был, вероятно, еще выше. Я думаю, это будет очень трудно сохранить стоимость полосы пропускания так популярны. Через пару лет мы собираемся запустить подобный сервис и закрыть на это глаза, потому что мы не видим способ монетизации пока мало, чтобы быть успешным, затраты будут значительно усилится.
В нормальном сценарии будет зависеть от пользователей программного обеспечения будет установлен на фото, что было сделано, и тогда я послал его, что бы не получить целью мгновенной, но есть решение, которое может делать все, через он-лайн заявки: Flash В нашем случае Flex 
.
Власти Flash Platform для лечения аудио и видео идет гораздо дальше, чем может показаться для создания мультимедийных приложений и расширенный участия пользователя довольно быстро. Если у вас есть достаточно денег, также могут быть объединены с Flash Media Server и ограничивается только вашей фантазией. Еще один день мы создадим видеочат 
.
Ключ доступа к камере и микрофону платформы Flash, которая позволяет пользователю разрешение, это очевидно. Если разрешено, то плеер подключается к веб-камеру и начать показывать видео, и если приложение требует, отправить его другим пользователям. То же самое можно сделать со звуком.
В мастерской сегодня сделать небольшое приложение для создания мгновенных веб галерея / блога. Пользователи, желающие могут принять фото с вашим собственным веб-камера, и он будет размещен в галерее. Простой, но яркий.
Приложение будет состоять из двух частей:
- Район поймать: приложение, разработанное в Flex, которая позволит пользователям снимать без дальнейшей необходимости иметь веб-камеру.
- Галерея: простой HTML-страницу, где перечислены все фотографии, которые стали пользователями.
Захват изображений
Хотя это может показаться очень сложным, мы увидим, что легкость подключения к веб-камере в Flex является весьма впечатляющим.
Наше приложение состоит из двух компонентов, изображения и кнопки. Изображений только дать нам стиль и использовать кнопки вызвать нашего интернет-камеры.
Есть три различных задач:
- Связь с веб-камеры.
- Захват изображения.
- Отправить его на наш сервер.
Связь с веб-камеры
С помощью этого простого кода будет просматривать веб-камера в нашем приложении, что пользователь подключен к компьютеру.
- insertWebcamVideo ( ) : void { insertWebcamVideo частные функции (): недействительным (
- UIComponent ( ) ; VAR videoHolder: UIComponent = новый UIComponent ();
- Camera . names . length > 0 ) { если (Camera. имена. длина> 0) (
- . getCamera ( ) ; = фотокамера камеры. getCamera ();
- camera == null || camera . width == -1 || camera . height == -1 || camera . fps == -1 ) { если (камеры == NULL | | камеры. ширина == -1 | | камеры. высоте == -1 | | камеры. кадр == -1) (
- "Lo sentimos, no tienes cámara" , "Error" , 4 , null , null , iconoAlerta ) ; Alert. Шоу ("Извините, у вас нет камеры", "Ошибка", 4, NULL, NULL, iconoAlerta)
- ; захвата. включен = ложь;
- ; камера = NULL;
- { Остальное ()
- ( StatusEvent. STATUS , cerrar ) ; камеры. addEventListener (StatusEvent. СТАТУС, закрытие)
- Video ( camera . width , camera . height ) ; видео = новое видео (camera. ширина камеры. высоты);
- ( camera ) ; видео. attachCamera (камера);
- video ) ; videoHolder. addChild (видео)
- . width ; videoHolder. ширина = видео. ширины;
- . height ; videoHolder. высота = видео. высоты;
- ; videoHolder. Visible = True;
- ; videoHolder. у = 0;
- videoHolder, 0 ) ; поле. addChildAt (videoHolder, 0);
- fotillo ) ; поле. removeChild (fotillo)
- )
- { Остальное ()
- "Lo sentimos, no tienes cámara" , "Error" , 4 , null , null , iconoAlerta ) ; Alert. Шоу ("Извините, у вас нет камеры", "Ошибка", 4, NULL, NULL, iconoAlerta)
- ; захвата. включен = ложь;
- )
- / / Security.showSettings (SecurityPanel.CAMERA)
- )
Как легко, как проверка первых, если у вас есть камера (но, очевидно, не может снимать фотографии ), А затем добавить к видео компонент, который мы построили UIComponent для показа на приложения. На данный момент у нас есть камеры пользователь живет в заявлении.
Захват фотография
После видео-поток в приложение, мы хотим, чтобы, когда пользователь нажимает на кнопку "Capture" примет картину.
- getSnapshot ( ) : void { getSnapshot частные функции (): недействительным (
- BitmapData ( video . width , video . height , true ) ; VAR снимке: BitmapData = новый BitmapData (video. ширина, видео. высоте, правда);
- Matrix ( ) ; уаг т: Matrix = новая матрица ();
- video , m ) ; снимка. вничью (видео, м);
- JPGEncoder ( 75 ) ; VAR jpegEnc: JPGEncoder = новый JPGEncoder (75);
- ( snapshot ) ; VAR jpegDat: ByteArray = jpegEnc. кодирования (снимок);
- = base64Encode ( jpegDat ) ; VAR img_src: String = base64Encode (jpegDat)
- img_src. length > 1600 ) { если (img_src. длина> 1600) (
- / / Отснятые изображения правильно
- { Остальное ()
- "La imagen capturada parece estar vacía" , "Error" , 4 , null , null , iconoAlerta ) ; Alert. Шоу ("снимок выглядит пустым", "Ошибка", 4, NULL, NULL, iconoAlerta)
- )
- )
При этом другой код получил этот эффект. Вы получаете побитовое захвата видео объекта и сжимается в JPEG, чтобы отправить на сервер. У нас есть снимок!
Отправить фото
Мы будем использовать HTTPService отправить фото POST мы сделали, и мы будем хранить в базе данных. Мы добавляем к предыдущим код функции отправить фото.
- getSnapshot ( ) : void { getSnapshot частные функции (): недействительным (
- BitmapData ( video . width , video . height , true ) ; VAR снимке: BitmapData = новый BitmapData (video. ширина, видео. высоте, правда);
- Matrix ( ) ; уаг т: Matrix = новая матрица ();
- video , m ) ; снимка. вничью (видео, м);
- JPGEncoder ( 75 ) ; VAR jpegEnc: JPGEncoder = новый JPGEncoder (75);
- ( snapshot ) ; VAR jpegDat: ByteArray = jpegEnc. кодирования (снимок);
- = base64Encode ( jpegDat ) ; VAR img_src: String = base64Encode (jpegDat)
- img_src. length > 1600 ) { если (img_src. длина> 1600) (
- = new Object ( ) ; Темп VAR: Object = новый Object ();
- Темп. img_src = изображения;
- temp ) ; HTTPService. Отправки (Темп);
- ( this as DisplayObject, ventanaEspera, true ) ) ; cargandoWindow = ventanaEspera (PopUpManager. createPopup (это как DisplayObject, ventanaEspera, правда));
- { Остальное ()
- "La imagen capturada parece estar vacía" , "Error" , 4 , null , null , iconoAlerta ) ; Alert. Шоу ("снимок выглядит пустым", "Ошибка", 4, NULL, NULL, iconoAlerta)
- )
- )
- useproxy= "false" method= "POST" resultformat= "text" url = "upload.php" result= "onResult()" <Mx: HTTPService ID = "HTTPService" showbusycursor = "ложных" UseProxy = "ложных" метод = "POST" resultformat = "текст" URL = "upload.php" Результат = "onResult ()"
- вина = "onHTTPFault (события)" />
Там. Upload.php скрипт на ваш сервер POST переменной "картинки" с содержанием вашей фотографии. Там должны быть сохранены в файл, и вы сделали самые "сложные? проекта.
- )
Перед хранением образ диска может добавлять записи в базу данных, которая позволяет генерировать после галерее. Эта часть вашего выбора.
Создание Галерея
Это самая простая часть, просто создайте скрипт (или на языке вы предпочитаете), который содержит фотографии вы были сохранены в базе данных подкачки, как вы видите нужным. Дополнительные замечания, которые мне осталось что-то так просто.
Выводы
Сегодня мы увидели очень быстрый и простой способ подключения к веб-камере (и микрофон) пользователей. Мы только видели, как сделать снимок того, что в настоящее время рассматривается через камеру, но система открывает огромный мир возможностей.
Скачать здесь код проекта.
42 пользователей не прокомментировали "Photo Booth или производить онлайн снимки"
Feed комментариев к данной записи TrackbackТо же система используется в yograbo.com но здесь он работает на видео и, как вы хорошо говорите, вы имеете ограничивает вас с вашим воображением.
Salu2!
Привет Ignasi,
Теория почти такое же, разница в том, что делать снимки не нужно ничего дополнительно Flash Player, он делает фото, он преобразован в JPEG, и он отправляется на сервер. Для видео необходимо из-за FMS или Red5.
Приветствие
Да, я имел в виду вопрос о захвате фотография, то, как вы говорите, если вы используете FMS или RED5 видео необходимо, в моем случае использовать лицензию свинины RED5 FMS не видели!
Salu2
этот код не работает!
и запустить проект??
Здравствуйте, Андрес,
Почему бы не начать говорить, что ты сделал и что вы наделали?
Это дает вам ошибку при компиляции?
Вы создали удаленный скрипт, чтобы сохранить картинку?
С уважением
Истина не может найти, как сделать, чтобы запустить этот код
и скачать fotomaton.zip и не знаю, что делать с ними и строить проект в гибких и скопировать все, что в проект, и я не нравятся Guiem, что наказание будет таким тяжелым
Здесь, в http://neoslink.iespana.es/ оставить файл для просмотра, и если они говорят мне, что плохо спасибо
Здравствуйте, Андрес,
Я не могу помочь, если вы скажите мне, как далеко вы получили.
Удалось ли вам для компиляции проекта?
Есть ли вам сообщение об ошибке?
когда проект составляет только показывает синий фон
и показывает, больше ничего
привет сейчас это те три ошибки, которые он создает, и я был бы признателен, где я мог сказать, чтобы быть
Серьезность и описание пути ресурсов Местоположение Время создания Id
1046: Тип не найден или не во время компиляции неизменной: JPGEncoder.
1172: Не найдено com.xplota.images определение.
1180: Призыв к возможно неопределенная метод JPGEncoder.
Я был в состоянии исправить две ошибки JPEGEncoder
но это ошибка: импорт com.xplota.images .*;
Привет Андрей,
У меня не было ни одной проблемы, с которыми вы столкнулись.
Я взял ваш код и SRC папке я создал новый проект, и он работал отлично, да, когда-то исправлена ошибка, которая в основном была заявление MXML приложение, но я думаю, что ошибка уже Вы решили, потому что если вы не собирать.
osus привет,
Я скажу вам, что я составил заявление и почти полностью, но я изображений, хранящихся в каталоге, что я должен делать?
Здравствуйте, вы можете загрузить файл upload.php, потому что я не могу мне сохранить файлы на сервере, а не разрешение вопроса, потому что я дал все разрешения, имеют или могут иметь.
Здравствуйте,
Это один в коде, не трюк ...
1600)
(
$ BMD = base64_decode ($ изображение _POST [']);
Im = $ Еореп ("фотографии foto.jpg", "W");
FWRITE ($ им, $ ПРО);
fclose ($ мкм);
)
?>
Вы будете иметь каталог "картинки" с разрешения и написать, что вот и все. Очевидно, что URL, который указывает на upload.php MXML должны иметь отношение к вашей PHP-файлов. Вы можете проверить, что upload.php работ за счет создания такой форме, которая называет. Если он работает, вы должны создать archigo "фотографии foto.jpg".
Osus
спасибо за ответы на тему, что если я создаю файл, но я не могу писать ко мне на.
Здравствуйте, ртуть,
Для начала отладки файл, который вы загрузите тестирования. Как я уже сказал, получить форму для моделирования, что это будет вызов приложения, можете ли вы что-то спасти.
Я понимаю, что вы говорите, что файл пустой. Вы также можете проверить, что вы получите в переменной $ изображения] _POST ['
osus Хоа я надеюсь, что вы хорошо, и вы находитесь на правильном agradesco ввода потому что я мог бежать к совершенству, и достаточно было удалить несколько строк, но не проблема.
Линии были ясны из archivp upload.php
который выглядит следующим образом:
1.
Привет
Я пытался, например, только fotomaton.swf насморк, где я работаю, но я сохранить файл .. поскольку у меня есть папка / / фотографии /, но не учитываются в рамках проекта сама по себе не работать, не собирать .. Я сказал, что не fotomaton.html и я понимаю, это действительно не создавать HTML в папку бен .. пожалуйста, если вы можете показать мне, как решить
Здравствуйте,
Швейцарских франков по себе не спасет фотография где-нибудь, вы должны положить на веб-сервере, будь то локальный или удаленный рядом с директорией, PHP и фотографии, то вы увидите, как это происходит в разделе "Галерея" с изображениями .
С другой стороны, если вы не создаете HTML, попробуйте повторить проект. В Flex Builder -> Project -> Clean. Выберите проект и вы будете восстанавливать, если все пойдет хорошо. У вас оставить HTML-шаблон папки в навигаторе?
osus привет еще раз, сейчас у меня есть вопрос, потому что когда я запускаю это приложение в любой момент, плагин генерирует ударную волну конфликтов и закрывает окно браузера ?????
заранее спасибо
Здравствуйте, Андрес,
Я не знаю, что ошибки вы упоминали.
Я попытался Вашей ссылке, http://neoslink.tk/ , и у меня работает хорошо.
У Вас есть сведения об этой ошибке?
OSUS HOLA, ошибка объяснялась вируса в RED бежал МЕСТО ПРОВЕДЕНИЯ Photomaton AAPLICACION, но уже все хорошо сейчас мое обращение Is Like STREAMING могут захватить и хранения от FLEX, спасибо еще раз и сказать, что IS Photomaton большое применение
Здравствуйте, очень хорошо это код, который я попытался показать фотографию в изображение прямо в гибкие, что оно работает правильно первый раз, только второе изображение, которое вы видите, что я бегу Я не снимок обновления, я заметил, что при записи, но Не обновлять время показа. кто может помочь, пожалуйста ...??
Добрый день, я делаю заявление, но в PHP reuqiero захвата изображения с веб-камеры, я мог бы предоставить код, пожалуйста. Спасибо
Здравствуйте, спасибо за размещение этого кода является весьма полезным и приносит вам некоторые из чудес Flex. В HTTPService не увидишь нигде передать в качестве параметра на фото, чтобы PHP-код, сделать снимок, а не охраны. Будет ли это ошибкой?
Я обнаружил, что происходит, если вы спрашиваете, вы отправляете его в качестве параметра httpservise.send (DDDD) .... Вы просто удалить условие на код PHP, и она работала отлично. СПАСИБО
Привет Всем,
Я составил идеальный гибкость и все, что я прав доступа и папки фотографии, но по-прежнему сохранять свою папку.
Я следовал всем шагам, которые вы установили и ничего не передавать данные с локального.
И я проверил upload.php, и я не получить изображение переменной $ _POST ['] пуст, но разделенных форме, как вы сказали, если я пишу так, что вы не можете дать сбой и я не могу придумать, что может быть .
Привет и спасибо заранее.
Привет Лаура,
Есть ли у вас где-то мы можем сделать ваши заявки в режиме онлайн, чтобы увидеть, что происходит?
С уважением
Привет osus Я положил его в http://www.d724.es/fotomaton/fotomaton.html приложение работает также скажут Вам, что сохранили, но тогда не на сервере.
И неудача не я понятия не имею, что происходит.
Привет и спасибо за быстрый ответ osus.
Привет Лаура,
Я попытался вашу заявку и она прекрасно работает:
http://www.d724.es/fotomaton/fotos/foto.jpg
привет как они есть, сейчас я работаю над proyrcto колледжа степени, и я могу делать, что в миллисекундах фотографировать, но я хочу сделать, это создать видео, которое будет streamming и хранятся на сервере, идея заключается в том, что каждый может записывать видео стиль YouTube быстрого захвата
Привет Андрей,
Необходимость продукт типа Flash Media Server.
Я позволяю пару основные учебники, чтобы вы начали на сцене:
http://blog.osusnet.com/tag/fms/
Привет @ Osus зонда и upload.php файл не будет работать, если котировки не "что хорошего вы могли бы поставить таким образом, чтобы опубликовать upload.php файл правильно? пожалуйста, является то, что потребовалось более семи часов, и ничего у меня другие upload.php в Интернете, но никто не преуспел в приспособлении
Я сказал, что изображение правильно, но я не вижу папку и нос, если вы должны иметь несколько активных функций в PHP или что-то, она выпускает гибкие файл с правильным upload.php месте
У меня есть другой вопрос, достигнутый в Flash CS3 код и он работает замечательно, единственная проблема, это я видел других страниц IMEG и фото изображения гораздо лучше, но у меня есть шляпа flashq как видите pizalado и моя камера iagen хорошо, чтобы быть одной, чем на флэш идет как точечные, как исправить эту вспышку?
Здравствуйте, Хуан Фернандо
Сценарий очень прост, кто с базовыми знаниями PHP может удовлетворить ваши потребности. Работы я поставил мне по крайней мере.
Только нечетные, что он делает это проверить размер изображения получил, а если меньше, чем 1600 байт не волнует, я делаю это, чтобы не сохранять белые фотографии, свидетельства того, что люди сосредоточены на стены и т.п.
Также убедитесь, что у вас есть права на запись в каталог, где пусть фотографии.
@ Osus были правы, и исправить это спасибо! 1 Последнее, что вы знаете, как увеличить изображений? изменить, а не только рассказать мне, как сделать этот код добавить? Вот и все
ожидать ответа спасибо
@ Osus работал благодарю вас очень много, и я знаю, как увеличить ваши изображения? чем 160 х 120, если не больше
Genial Хуан Фернандо.
Чтобы увеличить изображение будет сделано в Flex, идея здесь идет
видео = новое видео (camera.width, camera.height)
Очевидно, что предел в разрешении камеры.
Osus Здравствуйте,
прежде всего, поздравить Вас с применением именно то, что я искал
Увольнение уважение приходят вопросы: р
Я Flex Builder 3, я импортировал проект, я чистый, а затем построить, но генерирует fotomaton.html меня поэтому я не могу запустить приложение. У вас есть идея, где можно ошибка моя?
Приветствие.
Хорошее Александр
Убедитесь, что в свойствах проекта в разделе "Flex Compiler", вы включите опцию "Создать HTML файл оболочки".
Это все, что я могу думать. В любом случае вы всегда можете вставлять SWF явление по своему усмотрению в HTML.
Написать ответ