You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

@microblink/camera-manager

Package Overview
Dependencies
Maintainers
7
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@microblink/camera-manager

Manages cameras and stream, provides both a headless component and a UI component

7.2.2
latest
Source
npmnpm
Version published
Weekly downloads
262
50.57%
Maintainers
7
Weekly downloads
 
Created
Source

@microblink/camera-manager

This package provides camera management for web applications. It handles camera selection, permissions, video stream management, and provides access to video frames for further processing. It is framework-agnostic and can be used with or without a UI.

Overview

Installation

Install from npm using your preferred package manager:

npm install @microblink/camera-manager
# or
yarn add @microblink/camera-manager
# or
pnpm add @microblink/camera-manager

Usage

Basic Example

import { CameraManager } from "@microblink/camera-manager";

const cameraManager = new CameraManager();

// Start the camera stream (auto-selects the best camera)
await cameraManager.startCameraStream();

// Optionally, attach the video to a DOM element
const video = document.getElementById("video");
cameraManager.initVideoElement(video);

// Capture frames for processing
const removeCallback = cameraManager.addFrameCaptureCallback((imageData) => {
  // Process imageData (instance of ImageData)
});

// Stop the camera when done
cameraManager.stopStream();

See the camera-manager example for more usage details.

API

CameraManager class

  • startCameraStream(options?): Starts the camera stream. Options allow selecting a specific camera or facing mode.
  • initVideoElement(videoElement): Attaches a video element for preview.
  • addFrameCaptureCallback(callback): Registers a callback to receive frames as ImageData during capture. Returns a cleanup function.
  • startFrameCapture(): Starts capturing frames for processing.
  • stopFrameCapture(): Stops capturing frames but keeps the stream active.
  • stopStream(): Stops the camera stream and video playback.
  • setResolution(resolution): Sets the desired video resolution (e.g., "1080p").
  • setFacingFilter(facingModes): Filters available cameras by facing mode ("front" or "back").
  • getCameraDevices(): Returns available camera devices.
  • selectCamera(camera): Selects a specific camera device.
  • setCameraMirrorX(mirrorX): Mirrors the video horizontally if needed.
  • reset(): Resets the camera manager and stops all streams.

UI Integration

To use the built-in UI, use:

import { createCameraManagerUi } from "@microblink/camera-manager";

const cameraUi = await createCameraManagerUi(cameraManager, document.body);
// Optionally, add cleanup:
cameraUi.dismount();

FAQs

Package last updated on 16 Jul 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts