Comment accéder à navigator.getUserMedia ()?
Je suis actuellement en cours d'exécution Chrome 11 et de la tentative d'accès getUserMedia
pour HTML5 natif de flux audio et vidéo de soutien, mais j'obtiens un message d'erreur indiquant que navigator.getUserMedia
est pas défini. Si ce n'est pas pris en charge, comment puis-je ou dois-je attendre jusqu'à ce que google Chrome intègre?
C'est le code que j'utilisais pour tester getUserMedia
que j'ai trouvé
<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>
source d'informationauteur b_d
Vous devez vous connecter pour publier un commentaire.
Il y a tout un article sur le sujet ici http://dev.opera.com/articles/view/playing-with-html5-video-and-getusermedia-support/
Le dernier opéra de bureau de construire en charge getUserMedia()
Voir ici: http://labs.opera.com/news/2011/10/19/
C'est juste un jeu d'attente pour les autres navigateurs à mettre en œuvre. Maintenant que l'opéra a l'appui,
les autres devraient bientôt suivre.
Depuis la nuit dernière (3 Mai 2012) getUserMedia() dans Chrome Canary prend un objet et non une chaîne.
À l'essayer, vous pouvez exécuter le code suivant à partir de la console sur n'importe quelle page (comme cette une) avec un élément de vidéo:
Je pense qu'il y a un talon de méthode dans le dernier chrome dev (12.0.742.16 dev) mais je n'arrive pas à faire quoi que ce soit sur Mac OSX. Au moins j'ai pensé que je l'ai vu. Je viens de vérifier et la méthode ne semble plus être là. Voici le webkit rapport de bug pour la mise en œuvre de getUserMedia: https://bugs.webkit.org/show_bug.cgi?id=56586
Je pense que le seul travail de la mise en œuvre à l'heure actuelle est dans Opera pour Android. http://my.opera.com/core/blog/2011/03/23/webcam-orientation-preview
Le chrome/webkit méthode est webkitGetUserMedia mais il n'est pas encore mis en œuvre.
Chrome Dev Channel vient d'ajouter WebRTC soutien, alors MAINTENANT, ce que vous demandez là, effectivement, devient plausible. Voir: https://groups.google.com/forum/#!topic/discuter-webrtc/LuY7zYLA8sA
Fondamentalement, vous devez utiliser le webkit prefixe: webkitGetUserMedia() bien que la documentation sur cette méthode est rare, je suis en train d'essayer de reconstituer un travail de démonstration.