Paul_Smith13 фев 2013 в 08:56

Мини-игра с отслеживанием положения головы или как я встретил headtrackr.js

6 мин

25K

JavaScript * Программирование *

+51

Комментарии 38

ffffffffff 13 фев 2013 в 09:19

А как с поддержкой мобильных браузеров?

Paul_Smith 13 фев 2013 в 09:22

Как только они начнут поддерживать getUserMedia :)

omfg 13 фев 2013 в 09:48

Пока никак

bolk 13 фев 2013 в 12:27

Слушайте, а у вас работает caniuse.com? У меня он просто много месяцев не открывается. Вот прямо сейчас у вас он работает?

omfg 13 фев 2013 в 12:31

Да, конечно. Странности, попробуйте пропинговать и взять wget'ом. Или зайти через анонимайзер.

bolk 14 фев 2013 в 04:51

Чудесаааа… «Сафари» (моим основным браузером) не открывается!

StopDesign 13 фев 2013 в 09:32

Ваша ссылка пишет «Лимит Процессорной Памяти Превышен». Я бы в личку это написал, да уж больно смешная формулировка.

Paul_Smith 13 фев 2013 в 09:34

Хм, бесплатный хостинг себя исчерпал.
Попробую решить проблему

НЛО прилетело и опубликовало эту надпись здесь

Paul_Smith 13 фев 2013 в 09:42

Да, заставляет задуматься :)

Homakov 13 фев 2013 в 21:32

URL тоже странный prevushenie_resursov_processora

boombick 13 фев 2013 в 09:35

Если там серверной части нету, то, может, стоило куда-нибудь на народ положить? :) А то ваш хостинг, очевидно, не справился

Sauron 13 фев 2013 в 09:37

Дык
> Архив с рабочим примером можно скачать тут — dl.dropbox.com/u/29076539/headtrack/htrack.zip

Paul_Smith 13 фев 2013 в 09:40

Народ не дает создавать сайты (уехал на ucoz), по-крайней мере меня он не пускает. jsfiddle не позволяет подключить камеру.

boombick 13 фев 2013 в 09:51

Что-то на локалхосте у меня ничего не заработало :( Проверял в ФФ 17.0.1 и Chrome. Под линуксом

Paul_Smith 13 фев 2013 в 10:41

Внимание, пример может не работать, если запускать его с локального компьютера, поэтому тут можно посмотреть вживую.

Да, браузер не подключает камеру, если стартовать с диска — кидаю в денвер и все работает.

boombick 13 фев 2013 в 10:55

Все равно не работает ничего :) (запускаю через апач, естественно)
Пример с гитхаба тоже никак :( Эх…

boombick 13 фев 2013 в 10:59

В семерочке в хроме все заработало :) Насладился, спасибо!

Paul_Smith 13 фев 2013 в 09:45

Если подскажите бесплатный хостинг html, который выдержит хабраэффект — буду очень благодарен. Не сомневался, что так случится рано или поздно, поэтому и приложил архив.

buger 13 фев 2013 в 09:48

github.com, тудаже и исходники

Paul_Smith 13 фев 2013 в 09:54

github.com/PaulSmith220/htrack

buger 13 фев 2013 в 09:57

Создайте бранч gh-pages, тогда проект станет доступен по адресу PaulSmith220.github.com/htrack

Paul_Smith 13 фев 2013 в 10:17

Великолепно. Большое спасибо вам!

pietrovich 13 фев 2013 в 19:38

Если подскажите бесплатный хостинг

appfog.com

Не совсем привычный способ аплоада (чрез их консольную утилку). но если притыкаться то весьма удобно.

StopDesign 13 фев 2013 в 09:39

А это будет работать, если лицо на фоне ковра?

Paul_Smith 13 фев 2013 в 09:41

А вы попробуйте.
Вообще, ничего этому не мешает, только если ковер не с вышитыми на нём лицами.

Theo_from_Sed 13 фев 2013 в 10:36

Сделал «чебурашку», приставив ладони к ушам — задетектило что харя у меня очень широкая :) Вцелом интересная статья, спасибо большое автору. Пока моя бедная фантазия предложила лишь одно применение для браузера — это горизонтальный склолл страницы головой (при вертикальном на большой странице можно вывих шеи получить).
Какие ещё есть идеи для применения?

Paul_Smith 13 фев 2013 в 10:40

Игры сразу напрашиваются. Псевдо 3D. Я подумывал о меню, управляемом наклоном головы для домашнего сервера — (рраз — и выключил свет в ванной )

Чебурашка это да, более того, если достаточно правдоподобно нарисовать лицо ручкой на бумаге, затенив глаза, и вырезать эту голову — система кряхтя, но опознает в ней лицо :)

Brankub 13 фев 2013 в 10:49

Отличный вариант для игры. В обед разминать шею. Полезное с приятным (поиграть/физические упражнения).

skipfish 13 фев 2013 в 11:16

щщи сложнейшие

Badevlad 13 фев 2013 в 12:55

Алгоритм определения лица пока достаточно сырой. Сравниваю с теми, что вшиты в большинство современных камер.

Даже если в фокусе ничего не шевелится, рамка периодически «прыгает». Лицо, судя по всему, определяет не столько по форме, сколько ориентируется на «светлое пятно в центре кадра». Захватывает шею, руки и любые другие светлые объекты, из-за этого страдает точность. Когда поворачивается голова, шея остается на месте, из-за этого угол поворота определяется с большими искажениями. И это на близкой к идеалу картинке: без шума и размытия.

Зато алгоритм фильтрации понравился, хорошо сглаживает ошибки.

Почему-то напрочь отказалось работать в ФФ, только в Хроме работает.

Paul_Smith 13 фев 2013 в 15:03

Замечу, что библиотеку для распознавания я не реализовывал, а только использовал (кстати, это единственное работающее JavaScript, а значит Client-Side решение, которое я видел, поэтому и взял её). Я реализовывал именно фильтрацию данных, т.к. взгляд зацепило это подрагивание рамки. Быть может авторам имеет смысл включить подобный моему фильтр непосредственно перед выводом данных.

bashtannik 13 фев 2013 в 15:22

Если сделать так, чтобы эта штука распознавала взмах рукой (что она и так делает, но заточена все равно под лицо, поэтому нестабильно), то можно сделать слайдшоу и листать фотографии/слайды жестами как на всяких устройствах с тачскрином, только без тачскрина.