This is a read-only archive of the Framer Community on Facebook.

I can't find any problem with the code. Think it's legit. This link might help you get there. http://davidwalsh.name/browser-camera

this is exactly what i used but for some reason i got: "Cannot read property 'addEventListener' of null"...The element im calling 'view' is the container.

Did you set the div id properly? I can tell you more when i see the whole code. There are number of ways to achieve this.

i think so: viewz = new View({
width: 640,
height: 400,
x: 0,
y: 160,
backgroundColor: "rgba(0, 0, 0, 0)"
});

viewz.html = "<div class=\"circle-200\"><video id=\"circle-video-400\" autoplay></video></div>";

successCallback = function(stream) {
window.stream = stream;
if (window.URL) {
video400.src = window.URL.createObjectURL(stream);
} else {
video400.src = stream;
}
};

errorCallback = function(error) {
console.log("navigator.getUserMedia error: ", error);
};

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

constraints = {
audio: false,
video: true
};

video400 = viewz._element.querySelector("#circle-video-400");

navigator.getUserMedia(constraints, successCallback, errorCallback);

Well i cant see div with id "view". Getting null error seems obvious.

Here's the source of my camera example. Its coffeescript but might give you an idea. http://qcnoodling.com/fbmessenger.framer/app.coffee