I've started a project using angular camera: https://github.com/ShaneKilkelly/snaply

The camera is set up like so:

<ng-camera
      type="photo"
      enabled="true"
      width="400"
      countdown="3"
      ng-model="media"
      capture-message="Go!"></ng-camera>

The webcam image appears on the page as expected.

When "take a picture is clicked", the result is that $scope.media is set to a base64 encoded string of a completely black image. No errors are shown in the js console.

When the image is either rendered in an img tag (<img src="{{media}}" />), or opened in a new tab, it appears as a completely black rectangle.

The base64 string generated is in this gist: https://gist.github.com/ShaneKilkelly/7975159

Tested on Chrome 31.0.1650.63, Ubuntu 13.10, Angular version 1.2.4

Hi,
I used your library with bower and yoeman generator. It works locally, but when I deploy the project there is no video, or error.

Can you help me?
Thank you,
K

Hi, i've been using your plugin for user registration and it works great on my app. Now, I'm just wondering how to turn off the camera instance when I navigate to a different page. Thanks!

Hello i tried your directive but i get the message

Couldnt find a camera to use

I have tried using your library. Readme doc seems everythings sorted. got me pretty excited. Since no one else raised up this issue, probably I am doing something wrong here.
• installed bower
• install angular-camera using bower
• angular modules directive is 'omr.directives'
• included the ng-camera tag as shown

But it shows me these errors in console

scope.media.replace is not a function
at angular-camera.js:129

Any updates on videos?

<div class="col-md-12 text-center">
        <ng-camera
        type="photo"
        enabled="true"
        width="640"
        height="480"
        countdown="3"
        ng-model="media"
        overlay-src=""
        capture="callback(image)"
        capture-message="Go!"></ng-camera>
    </div>

Angular version : 1.2.15

After a update on firefox that recently was applied in chrome too, the camera doest not work anymore.

Probably because of this:
https://www.fxsitecompat.com/en-CA/docs/2018/url-createobjecturl-no-longer-accepts-mediastream-as-argument/

Can someone help-me ?

On the line 41 the method deprecated is being used:

`scope.enableCamera = function () {
return navigator.getUserMedia({
audio: false,
video: true
}, function (stream) {
return scope.$apply(function () {
scope.stream = stream;
scope.isLoaded = true;
41 return scope.videoStream = $sce.trustAsResourceUrl(window.URL.createObjectURL(stream));
});
}, function (error) {
return scope.$apply(function () {
scope.isLoaded = true;
return scope.noCamera = true;
});
});

It looks like you updated the bower.json to point to the dist folder, but never tagged the release/bumped the version number so when I bower install, the older version is installed.

Can you update pleez?