Revert of Clean up. Experimental user avatars removed.

chrome/browser/resources/chromeos/user_images_grid.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options', function() {
   /** @const */ var ArrayDataModel = cr.ui.ArrayDataModel;
   /** @const */ var Grid = cr.ui.Grid;
   /** @const */ var GridItem = cr.ui.GridItem;
   /** @const */ var GridSelectionController = cr.ui.GridSelectionController;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
 
+  /**
+   * Number of frames recorded by takeVideo().
+   * @const
+   */
+  var RECORD_FRAMES = 48;
+
+  /**
+   * FPS at which camera stream is recorded.
+   * @const
+   */
+  var RECORD_FPS = 16;
+
    /**
     * Dimensions for camera capture.
     * @const
     */
   var CAPTURE_SIZE = {
     height: 480,
     width: 480
   };
 
   /**
@@ skipping 450 matching lines @@
         this.cameraImage = previewImg.src;
       }.bind(this));
       previewImg.src = canvas.toDataURL('image/png');
       var e = new Event('phototaken');
       e.dataURL = this.flipPhoto ? this.flipFrame_(canvas) : previewImg.src;
       this.dispatchEvent(e);
       return true;
     },
 
     /**
+     * Performs video capture from the live camera stream.
+     * @param {function=} opt_callback Callback that receives taken video as
+     *     data URL of a vertically stacked PNG sprite.
+     */
+    takeVideo: function(opt_callback) {
+      var canvas = document.createElement('canvas');
+      canvas.width = CAPTURE_SIZE.width;
+      canvas.height = CAPTURE_SIZE.height * RECORD_FRAMES;
+      var ctx = canvas.getContext('2d');
+      // Force canvas initialization to prevent FPS lag on the first frame.
+      ctx.fillRect(0, 0, 1, 1);
+      var captureData = {
+        callback: opt_callback,
+        canvas: canvas,
+        ctx: ctx,
+        frameNo: 0,
+        lastTimestamp: new Date().getTime()
+      };
+      captureData.timer = window.setInterval(
+          this.captureVideoFrame_.bind(this, captureData), 1000 / RECORD_FPS);
+    },
+
+    /**
      * Discard current photo and return to the live camera stream.
      */
     discardPhoto: function() {
       this.cameraTitle_ = this.placeholderTitle_;
       this.cameraImage = null;
     },
 
     /**
      * Capture a single still frame from a <video> element, placing it at the
      * current drawing origin of a canvas context.
@@ skipping 36 matching lines @@
       canvas.width = CAPTURE_SIZE.width;
       canvas.height = CAPTURE_SIZE.height;
       var ctx = canvas.getContext('2d');
       ctx.translate(CAPTURE_SIZE.width, 0);
       ctx.scale(-1.0, 1.0);
       ctx.drawImage(source, 0, 0);
       return canvas.toDataURL('image/png');
     },
 
     /**
+     * Capture next frame of the video being recorded after a takeVideo() call.
+     * @param {Object} data Property bag with the recorder details.
+     * @private
+     */
+    captureVideoFrame_: function(data) {
+      var lastTimestamp = new Date().getTime();
+      var delayMs = lastTimestamp - data.lastTimestamp;
+      console.error('Delay: ' + delayMs + ' (' + (1000 / delayMs + ' FPS)'));
+      data.lastTimestamp = lastTimestamp;
+
+      this.captureFrame_(this.cameraVideo_, data.ctx, CAPTURE_SIZE);
+      data.ctx.translate(0, CAPTURE_SIZE.height);
+
+      if (++data.frameNo == RECORD_FRAMES) {
+        window.clearTimeout(data.timer);
+        if (data.callback && typeof data.callback == 'function')
+          data.callback(data.canvas.toDataURL('image/png'));
+      }
+    },
+
+    /**
      * Adds new image to the user image grid.
      * @param {string} src Image URL.
      * @param {string=} opt_title Image tooltip.
      * @param {function=} opt_clickHandler Image click handler.
      * @param {number=} opt_position If given, inserts new image into
      *     that position (0-based) in image list.
      * @param {function=} opt_decorateFn Function called with the list element
      *     as argument to do any final decoration.
      * @return {!Object} Image data inserted into the data model.
      */
@@ skipping 90 matching lines @@
   UserImagesGrid.ButtonImages = {
     TAKE_PHOTO: 'chrome://theme/IDR_BUTTON_USER_IMAGE_TAKE_PHOTO',
     CHOOSE_FILE: 'chrome://theme/IDR_BUTTON_USER_IMAGE_CHOOSE_FILE',
     PROFILE_PICTURE: 'chrome://theme/IDR_PROFILE_PICTURE_LOADING'
   };
 
   return {
     UserImagesGrid: UserImagesGrid
   };
 });