argous 1.2.242 → 1.2.243

package/dist/components/Cam/Cam.d.ts

@@ -7,10 +7,15 @@ export interface CamProps {
    * Component style
    */
   style?: object, 
+  /**
+   * constraints for cam audio and video
+   */
+  constraints?: object,
   /**
    * Function called on get stream
    */
   onGetStream?: (parameters: object) => void 
+
 }
 
 

package/dist/components/Cam/Cam.js

@@ -66,7 +66,7 @@ var react_1 = __importStar(require("react"));
 var GET_STREAM_INTERVAL_TIMEOUT = 3000;
 var VIDEO_ID = 'cam-video';
 var CANVAS_ID = 'cam-canvas';
-var VIDEO_CONSTRAINTS = {
+var DEFAULT_VIDEO_CONSTRAINTS = {
     audio: false,
     video: {
         facingMode: 'user'
@@ -111,7 +111,7 @@ var camSnapshot = function (_a) {
 };
 exports.camSnapshot = camSnapshot;
 var Cam = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.style, style = _c === void 0 ? {} : _c, onGetStream = _a.onGetStream;
+    var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.style, style = _c === void 0 ? {} : _c, onGetStream = _a.onGetStream, _d = _a.constraints, constraints = _d === void 0 ? DEFAULT_VIDEO_CONSTRAINTS : _d;
     var videoRef = react_1.useRef(null);
     var streamRef = react_1.useRef(null);
     var getStreamIntervalIdRef = react_1.useRef(null);
@@ -125,7 +125,7 @@ var Cam = function (_a) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia(VIDEO_CONSTRAINTS)];
+                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia(constraints)];
                 case 2:
                     stream = _a.sent();
                     stream.getTracks().forEach(function (track) {
@@ -149,7 +149,7 @@ var Cam = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [onGetStream]);
+    }); }, [onGetStream, constraints]);
     var stopVideo = function (stream) { return (stream) && stream.getTracks().forEach(function (track) {
         track === null || track === void 0 ? void 0 : track.stop();
         track.enabled = false;
@@ -163,6 +163,7 @@ var Cam = function (_a) {
         };
     }, [getStream]);
     return react_1.default.createElement("div", { style: style, className: 'cam-div' },
+        console.log('videoRef', videoRef),
         react_1.default.createElement("video", { id: videoElementId, ref: videoRef, autoPlay: true }));
 };
 exports.default = Cam;

package/lib/components/Cam/Cam.d.ts

@@ -7,10 +7,15 @@ export interface CamProps {
    * Component style
    */
   style?: object, 
+  /**
+   * constraints for cam audio and video
+   */
+  constraints?: object,
   /**
    * Function called on get stream
    */
   onGetStream?: (parameters: object) => void 
+
 }
 
 

package/lib/components/Cam/Cam.js

@@ -9,7 +9,7 @@ const GET_STREAM_INTERVAL_TIMEOUT = 3000;
 const VIDEO_ID = 'cam-video';
 const CANVAS_ID = 'cam-canvas';
 
-const VIDEO_CONSTRAINTS = { 
+const DEFAULT_VIDEO_CONSTRAINTS = { 
   audio: false, 
   video: { 
     facingMode: 'user' 
@@ -51,7 +51,7 @@ export const camSnapshot = ({ e = undefined, download = false, camComponentId =
 };
 
 
-const Cam = ({ id = '', style = {}, onGetStream }) => {
+const Cam = ({ id = '', style = {}, onGetStream, constraints = DEFAULT_VIDEO_CONSTRAINTS }) => {
 
   const videoRef = useRef(null);
   const streamRef = useRef(null);
@@ -62,7 +62,7 @@ const Cam = ({ id = '', style = {}, onGetStream }) => {
     let stream = null;
 
     try {
-      stream = await navigator.mediaDevices.getUserMedia(VIDEO_CONSTRAINTS);
+      stream = await navigator.mediaDevices.getUserMedia(constraints);
       stream.getTracks().forEach((track) => {
         if (track.kind === 'video') track.enabled = true;
       });
@@ -76,7 +76,7 @@ const Cam = ({ id = '', style = {}, onGetStream }) => {
       streamRef.current = stream;
       (typeof onGetStream === 'function') && onGetStream({ stream });
     } else if (stream) stopVideo(stream);
-  }, [onGetStream]);
+  }, [onGetStream, constraints]);
 
   const stopVideo = (stream) => (stream) && stream.getTracks().forEach((track) => {
     track?.stop();
@@ -94,6 +94,7 @@ const Cam = ({ id = '', style = {}, onGetStream }) => {
 
 
   return <div style={style} className='cam-div'>
+    {console.log('videoRef', videoRef)}
     <video id={videoElementId} ref={videoRef} autoPlay />
   </div>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.242",
+  "version": "1.2.243",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",