Ответ 1
Здесь есть целая статья http://dev.opera.com/articles/view/playing-with-html5-video-and-getusermedia-support/
В настоящее время я запускаю Chrome 11 и пытаюсь получить доступ к getUserMedia
для поддержки аудио и видео потоков HTML5, но я получаю сообщение об ошибке navigator.getUserMedia
undefined. Если он не поддерживается, как мне получить доступ к нему или мне нужно подождать, пока Chrome его включит?
Это код, который я использовал для тестирования getUserMedia
, который я нашел
<h1>Snapshot Kiosk</h1>
<section id="splash">
<p id="errorMessage">Loading...</p>
</section>
<section id="app" hidden>
<p><video id="monitor" autoplay></video> <canvas id="photo"></canvas>
<p><input type=button value="📷" onclick="snapshot()">
</section>
<script>
navigator.getUserMedia('video user', gotStream, noStream);
var video = document.getElementById('monitor');
var canvas = document.getElementById('photo');
function gotStream(stream) {
video.src = URL.getObjectURL(stream);
video.onerror = function () {
stream.stop();
noStream();
}
video.onloadedmetadata = function () {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
document.getElementById('splash').hidden = true;
document.getElementById('app').hidden = false;
}
}
function noStream() {
document.getElementById('errorMessage').textContent = 'No camera available.';
}
function snapshot() {
canvas.getContext('2d').drawImage(video, 0, 0);
}
</script>
Здесь есть целая статья http://dev.opera.com/articles/view/playing-with-html5-video-and-getusermedia-support/
В последней версии настольной версии Opera есть поддержка getUserMedia() См. Здесь: http://labs.opera.com/news/2011/10/19/
Это просто ожидающая игра для других браузеров для реализации этого. Теперь, когда у оперы есть поддержка, другой должен скоро следовать.
С прошлой ночи (3 мая 2012 г.) getUserMedia() в Chrome Canary принимает объект, а не строку.
Чтобы попробовать, вы можете запустить следующий код с консоли на любой странице (например этот) с элементом видео:
navigator.webkitGetUserMedia(
{"video": true, "audio": true},
function(s){
document.querySelector('video').src =
window.webkitURL.createObjectURL(s);
},
function(e){console.log(e);}
);
Я думаю, что в последнем chrome dev (12.0.742.16 dev) есть метод stub, но я не могу заставить его ничего делать на Mac OSX. По крайней мере, я думал, что видел. Я только что проверил, и метод, похоже, больше не существует. Вот отчет об ошибке webkit для реализации getUserMedia: https://bugs.webkit.org/show_bug.cgi?id=56586
Я думаю, что единственная работающая реализация на данный момент - в Opera для Android. http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview
Метод chrome/webkit - это webkitGetUserMedia, но он еще не реализован.
Chrome Dev Channel JUST добавила поддержку WebRTC, поэтому ТЕПЕРЬ то, что вы просите здесь, действительно становится правдоподобным. См.: https://groups.google.com/forum/#!topic/discuss-webrtc/LuY7zYLA8sA
В принципе, вы должны использовать префикс webkit: webkitGetUserMedia(), хотя документации по этому методу недостаточно, я в настоящее время пытаюсь собрать вместе демонстрационную версию.