Probleme beim einrichten von verschiedenen Auflösungen mit WebRTC

Ich versuche, WebRTC ist getUserMedia Funktionen, um Schnappschüsse in video-streaming aus dem Benutzer-Kamera. Das problem ist, dass ich möchten, verwenden Sie eine Auflösung von 640 X 480 arbeiten in Firefox 19.02, Opera 12.14 und Chrome 25.0.1364.172 Versionen jeweils, aber ich bin nicht in der Lage, diese Auflösung verwenden, die in Firefox und Opera. Wenn ich versuche, dass das Bild angezeigt wird geschnitten von der Seite nach unten mit 640 X 360 Auflösung. Wie auch immer, wenn ich versuche die Auflösung zu ändern in Chrome nicht funktioniert, noch mit einer höheren Auflösung als 640 X 480. Hat jemand das gleiche problem? Ich möchte wissen, ob es ein bug ist oder so, aber ich habe nicht gesehen, alle Informationen über, die. Das ist mein code, ich habe bewiesen, viele Möglichkeiten, wie putting-Constraints mit einer minimalen Breite und Höhe, aber es funktioniert nicht:

dem Skript:

navigator.getUserMedia = navigator.getUserMedia || navigator.mozGetUserMedia || navigator.webkitGetUserMedia || navigator.msGetUserMedia;
if(navigator.getUserMedia){
    navigator.getUserMedia({
      video: true
      }, onSuccess, onError);
}
else{
    alert('An error has occurred starting the webcam stream, please revise the instructions to fix the problem');
}
function onSuccess(stream) {
    var video = document.getElementById('webcam');

    if(navigator.webkitGetUserMedia || navigator.mozGetUserMedia){
        video.src = window.URL.createObjectURL(stream);
    }
    else if(navigator.msGetUserMedia){
        //future implementation over internet explorer
    }
    else{
        video.src = stream;
    }
    video.play();
}
function onError() {
    alert('There has been a problem retrieving the streams - did you allow access?');
}

css (es ist nur zum Beweis, es muss nicht alles an der richtigen Stelle):

body {
    margin: 0px 0px;
    padding: 0px 0px;
}
#videoFrame {
    margin: 0px auto;
    width: 640px;
    height: 480px;
    border: 10px #333 solid;
}
#webcam {
    videoWidth: 640px;
    videoHeight: 480px;
}
#captureFrame {
    margin: 0px auto;
    width: 640px;
    height: 480px;
}
#webcamContent {
    width: 1280px;
    height: 480px;
}

- und jsp-Datei:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Testing WebRTC</title>`
        <link href="css/styles.css"  type="text/css" />`
    </head>
    <body>
        <div id="webcamContent">
            <div id="videoFrame">
                <video id="webcam"></video>
            </div>
            <div id="captureFrame">
                <canvas id="bioCapture"></canvas>
            </div>
        </div>
        <script src="js/webRTC.js"></script>
    </body>
</html>

Vielen Dank im Voraus!

InformationsquelleAutor user2158954 | 2013-03-15
  1. 6

    Versuchen maxWidth/maxHeight Einschränkungen:

    var video_constraints = {
   mandatory: {
       maxHeight: 480,
       maxWidth: 640 
   },
   optional: []
};

navigator.getUserMedia({
   audio: false,
   video: video_constraints
}, onsuccess);

    Aktualisiert (Sep 26, 2013):

    Laut auf dieser Seite; Sie können folgende Auflösungen (min/max Breite/Höhe):

    1920:1080
1280:720
960:720
640:360
640:480
320:240
320:180

    Oder Vielleicht:

    1280:800
1280:720
960:600
960:540
640:400
640:360
640:480
480:300
480:270
480:360
320:200
320:180
320:240
240:150
240:135
240:180
160:100
160:90
160:120
    • Das funktioniert!! danke sehr match!
    • Ich habe das gleiche problem wieder. In meinem laptop die webcam hat das gut funktioniert (windows vista 64-bit), aber ich habe immer noch das gleiche problem mit einer anderen Kamera, die über usb angeschlossen werden (es ist eine Kreative Kamera, Modell VF0700). Ich weiß, dass diese Kamera arbeitet perfekt mit der Auflösung von 640 X 480, versuchte ich es mit einer anderen java-Anwendung vor, so sehe ich nicht wo das problem ist. Der computer, auf dem ich die Kamera nutzen, hat OS windows 7 64 bit. Jemand weiß, was falsch sein könnte?
    • Haben Sie versucht, die Kanarischen. Diese Einschränkungen werden nicht unterstützt, auf dem alten chrome.
    • Ich habe die neuste version von Chrome (25.0.1364.172), tatsächlich aber Chrom ist nicht das problem (es funktionierte perfekt, sowieso), aber in Firefox 19.02 (die Letzte, die ich bekommen kann) und Opera 12.14 funktioniert es nicht. Das merkwürdige ist, dass es arbeitete in meinem laptop (vielleicht funktionierte es auch ohne diese Einschränkungen, aber ich weiß es wirklich nicht), aber hier funktioniert es nicht..
    InformationsquelleAutor Muaz Khan
  2. 0

    Ich hatte das gleiche problem, wenn nicht zu halten, das Aspekt-Verhältnis der Kamera oder versucht zu zwingen, Frameraten nicht unterstützt (es ist eine alte USB-Kamera).
    Probieren Sie es also wie @Muaz Khan vorgeschlagen, sondern nur einen obligatorischen parameter, d.h.:

    var video_constraints = {
   mandatory: {
        maxWidth: 640
   },
   optional: []
};

navigator.getUserMedia({
   audio: false,
   video: video_constraints
}, onsuccess);

    EDIT: auch versuchen, die unterschiedliche Werte, D. H. maxHeight: 120 funktionierte nicht für mich, sondern maxHeight:180 funktionierte. Ich denke, es hängt von der Kamera

    • Ja, ich denke, dass das problem mit der webcam. Es funktioniert nicht gut mit niedrigeren Werten.
    InformationsquelleAutor Felix Hagspiel
Schreibe einen Kommentar