kraken_camera

A kraken plugin which provide <camera-preview /> tags for access camera in devices.

Installation

First, add kraken_camera as a dependency in your pubspec.yaml file.

Second, add the following code before calling runApp():

import 'package:kraken_camera/kraken_camera.dart';

void main() {
  KrakenCamera.initialize();
  runApp(MyApp());
}

Example

var div = document.createElement("DIV");
div.style.display = "flex";
div.style.flexDirection = "column";
div.style.alignItems = "center";
document.body.appendChild(div);

var camera = document.createElement("camera-preview");
camera.style.width = camera.style.height = "200px";
camera.setAttribute("resolution-preset", "medium");
camera.setAttribute("lens", "back");
div.appendChild(camera);

var text = document.createTextNode("Take Picture");
var p = document.createElement("p");
p.style.textAlign = "center";
p.style.background = getRandomColor();
p.style.color = "#FFFFFF";
p.style.fontSize = "24px";
p.style.padding = "15rpx 15rpx 15rpx 15rpx";
p.style.margin = "40rpx 20rpx 20rpx 20rpx";
p.appendChild(text);
p.textNode = text;
p.onclick = function (e) {
  var timestamp = Date.parse(new Date());
  var picName = timestamp + ".png";
  camera.setAttribute("take-picture", picName);
};
div.appendChild(p);

function getRandomColor() {
  var letters = "0123456789ABCDEF";
  var color = "#";
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

Libraries

camera
camera
camera
camera_channel
camera_controller
camera_element
camera_info
camera_interface
camera_mixins
camera_testing
kraken_camera
native_texture