Как получить доступ к веб-камере из HTML5?

Ответ 1

Теперь это возможно: Фильтрация веб-камеры с использованием getUserMedia и HTML5 Canvas.

Ответ 2

По-видимому, тег <device> не является частью спецификации HTML5, и поэтому в настоящее время нет стандартного способа доступа к веб-камерам из браузера. Возможно, вам удастся избежать использования JavaScript API navigator.getUserMedia(...), но который не поддерживается ни одним браузером, либо

Вы можете прочитать об этом здесь: Какие веб-браузеры поддерживают HTML5 <device> тег?

Ответ 3

Недавно я занимался аналогичным исследованием и нашел рабочую демонстрацию: http://gadgets-code.com/taking-webcam-photo-with-opera-browser-new-technology

Требуется установить экспериментальную версию Opera: http://snapshot.opera.com/labs/camera-and-pages/

Счастливый взлом!

ОБНОВЛЕНИЕ [20 мая 2012]:

http://www.webrtc.org/running-the-demos - WebRTC - GoogleChromeCanary - about://flags - enableMediaStream + PeerConnection:) Я рекомендую - блог Джерома Этьена - http://learningthreejs.com/

ОБНОВЛЕНИЕ [13 сентября 2012]:

WebRTC включен в Chrome 21 по умолчанию (изменение введено пару недель назад)

ОБНОВЛЕНИЕ [2 июля 2014]:

WebRTC является основным/огромным: http://youtu.be/GBAEG_RuqeE?t=50m1s (Google Hangouts, Amazon Mayday, Snapchat)

Ответ 4

Вы можете сделать это для Chrome и Opera, но вам нужно будет проинструктировать своих пользователей, потому что это еще не очень безопасно.

Вот пример онлайн, он по-прежнему требует, чтобы пользователи Chrome активировали MediaStream в chrome://flags/:

http://neave.com/webcam/html5/

Ответ 5

данные: изображение /JPEG; base64,/9J/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAACgKADAAQAAAABAAAB4AAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs + Е.Ю. +/8AAEQgB4AKAAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/J5 + V/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5 + jp6vLz9PX29/J5 + V/bAEMAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/bAEMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA QEBAQEBAQEBAQEBAf/dAAQAUP/aAAwDAQACEQMRAD8A/sCsP2pvhjKyx6ouv6FI2IwmoaVO0YLHtLblh8uOuM8lTnOa + YocdZdKMZ1oVYt7/upaa2777Oya07WZ68 + HMbzTdOpCfK3rKrFX0unt09FZ/dL0PS/jL8LdX2Cx8baHuYALDdXYs5FYgdY7oRjvgj6jJGA3sUOKclxL/wB4dOT1/eJQcvPW2vb4d/I82tlGZU7S9ndpv4XzXt106 + i9b3R3trq + уХ + г + z9T027LgSL9kvrS6ZlPQgRTPnJPynPzdQGzXr0sZl2Is44qi2tk5w/+S0e9vi/JHPKOLpvlq4es + 79nL8fdt + WnVbF8whsMqgYAYHIJOepJyck8kKcZzgA8mum1KVuSrGaa + zJNP1s7X8tPV2XLlUrOEbOMqblsnG1l330d79JbbaJSrvBuJ4ySACVwOh4ABPbJOct0Y85 + alhorl3aXknrf8Hto7/jaMxrLSyTdtZPd9eln5bfddkBtYiMbAGYg4AyC3QcbmycAnAyMtycAFlLC3fM1zK + L +/ол + Hvd7xu + Zus7X53fp0svXq + 23le6ZUm06IvhV5x1wCMEnPJYHjLc8Z77gCKX1S695J317J677Jp + rfXswlWtyOM276u + nN5u3X7 +/W0c + bSIpTh4wQSDk4IY9P4sfMTjG4ngniiWChJRXKtF5K/r7qs/wDO1nZsp1YNqTvKWj10t0dumnrotua9zJu/DNlMVDW0RwvPyKecYIwdwzgdSeeoJxXLPK6Di + eF79Evu + av2j8r + 7f1iraXs/до + r3tu3p07WfzscVqfw00DUAwudMtHUkkh4UZVLHseQT3wMY3E/NjD8tTJMLVirwV7drN37/Fbr1v6PU3p42rSS5pXbT/AKb7rtZ/O6UfNda/Z38D6rHIJtHg/eBlJVAGzz0OQFPc8Z5I5yN3kV + FMJWvein7107K/wDldeT + 67N6ecYmk3y1ZxT1Sv8Ac9 lbZW79lc8Z1v8AYz8KTM02lPqGlSYLRNZ3UkQQjPKlJAFZSd2Q3JGcnJ3eRU4Ppxk3QnKk + iilv + nfrfZdHHqWf1JW9oozel3J7 + crWa + 9X6N683PD4JfHjwexl8D/ABh8VWSqNgtr68bVLcpH9zzIL3zlJZTt4KgrjJbndhDJ88wMn9Vx9eKT0s4q1v8AK + 1n80kpOWNy7Eyft8FRlrq3zay77/En5v53RpQeNv2w/CMckc9/4Z8YpFIpR9T0VYZGj28h5bKWIkcEZxkZJAOStdf9o8U4SSdSrUxC2fO7t9m7L9F8mYywOTVr8r9hdr3YxTS ++ 6v21 + 86ez/а4 + IeiiFfGnwVvJfLwtxeeGtVDqrYOZks76IHBYnaiznjkdMP6dLi/MaCSxOBW1pNc7v3drPX8NOtrS5amR4OSvRxc7X1jaKXz36eX3397udK/Бк + Ed3IItesfGHhKYbRK2seHbia3jIwuPtVhLcR8hjkkYYc8k7q9Cjxxgm1HEUK1JXSvGlN/wCSTv3f3LUxlw5i + Vyw9SnNdFOcYt79Fs99m736by9a0T4/fBbxN5Z0n4k + FJJXbaYrrUo7C43AkBfIvvJZCOP7/LAez + zR4lyXESSjiJpvaM4qCVu9/wAtH3smpHn1suzHCq9WgpN6/um6j + dravovzu2enQXOnalB5un3lldxupMc9rc292pzgoVaCVw55zknaS2Ocnd7VGvgq6Tp4qhLRaOpTT19G9ben4yR5t6sL + 2o1Ya/bpyjd93db9tvltJzWapkFfnIGCeGZs9T9/bk9MBsdCPmBXWVGNTWMrrolazVt9Lr/wBKv5a8z9rb4WtXdqWnM ++ 61W35p7lOSxQFiAR5uM7skD5cZX0BwcYD5LdRld + f1R20Tej5V09X7u + vS3y1cm60no9HdN21i ++ uy321X3pxzZLKJ1LFcop8vI5ySfulcH5h6 + vzc5w2bw386bb1stUku/n5W6bq1xupJPq3a9r/AP Ae3bbte9pZcuiWcodZYFw2GwwG37vU4zkj + 6ysD6D + PGeDg/СТП /Z/DX3dH/SvZc2ka1RLfV/LRX37PyvK/R6o5HVvhz4e1ePy7rSrKYSBgd8C8gjhwThgckDKYz6jOX8 + тк + Er3UqKvK9/d39ddH8vPS3vaLGV00o1Gkm7K60trfpr6PpbSzPJfEH7NHw61cFpNFht5duVmg/CYB + 5GG4OSM8kHOW3ZLN5dThTBVNVSUZNaSUfx69 + 3ZWd/e9PD5xiKekqkpRfR/PFZ + av22cvLLn9l/U9DaSbwL458VeGZRJ5kKWeq3Ji3BmcjyvO2leQAuWxjvxu4XwxVw758NiakJO9rJafft5Xb8r2Zv/AGjRxF3XpxqLe0r7/fvporWv2 + 063h/ak8Hb1tPGOmeK7VGUR2 + vaek0zRjqDcr5cxYjq284GerY3V7LiPC6wxdWvFdJyST87JXutO19tHqQ3ltZWVJUn1cY38r6y367W8pX93bt/wBof4s + HlCeL/hCmoIMCS78MX0qmRcf6xba7jnTJIztDKPugY5L3HPM5w7X1jCRqRV/e5pvbropJtei7a/Zl5ThKkU6WJa83yrXe7317a29WdPpf7WPw0uti + ItM8V + ELgtslTV9GmktkbGCxurJpV2Bs4JQZGfu5 + fvo8WUG1HE0KtLzjSm/vTt9 + naz0RhPJ8Tq6FenNX + 1Ujdrzs9/Lr0/vepaJ8Ufhh4nKronjrw7dSOBtgk1GC0uSeuDBdtBLvBIyoUkZxyRlvYoZzlOKa5azTetqlo26apvW3/bvbrc4K + DxdBOc6c5dbUryu11e + и /a9vNM7FLK1kCyxNDcqcsXidJQ + fR0Z0weoOWHPGdwNei3QqJOFWnKL + HlcW/V2a7pdPndo4413GV5wqxv1qRcde7emqei0 + Су + WvPpcBAfYoUtu + bjBJzhuoGeCBtKnkc5xUvDRmtE7781rrTzvb0Xpq7Wl0Kq/et1ejWunW7/AJtdEv 8AI5698OWMmWlgSQZCHO0Fs8jdtJCFN2QNxAXPDElq5p5fGT95Jxer03t1tpa/RK/X7LGsRKFnGUm3rzPqlfzVn8nfra6PP