MMM-ProxyImage

• Load basic auth security camera images into your Magic Mirror.
• Adds an Express endpoint that the DOM renderer uses as an image source.
• Supports multiple image sources that can be "carousel" cycled.
• Bypasses the deprecation of embedded credentials in subresource requests where basic auth credentials are ignored in asset requests.

Screenshot

Photo credits: Mikkel Bech, Brian Babb, Parker Coffman

Installation

cd ~/MagicMirror/modules/
git clone https://github.com/daxiang28/MMM-ProxyImage

cd ~/MagicMirror/modules/MMM-ProxyImage
npm install

Configuration

{
  module: "MMM-ProxyImage",
  position: "top_left",
  config: {
    name: 'FrontDoor', // Must be unique if using multiple instances
    modalEnabled: false, // Optional: Enables MMM-Modal functionality
    updateInterval: 4000, // Duration between image refresh
    modalInterval: 2000, // Optional: Will use the updateInterval if not provided 
    modalTemplate: 'modal_template.njk', // Optional: Relative path of modal template file
    slideInterval: 10000, // Optional: Duration of each slide when multiple hosts are provided
    host: 'http://[CAMERA_IP]/[PATH_TO_STATIC_IMAGE]',
    // Alternately, use an array to cycle through sources 
    // Use the `slideInterval` to set the duration of each slide
    // `user` and `pass` configs are ignored if an array is used
    host: ['http://[AUTH_USER]:[AUTH_PASS]@[CAMERA_IP]/[PATH_TO_STATIC_IMAGE]'],
    port: 80,
    height: 400, // Pixel height of the image
    width: 400, // Pixel width of the image
    user: '[USERNAME]', // Ignored if a host array is defined
    pass: '[PASSWORD]' // Ignored if a host array is defined
    authType: 'basic' // basic||digest auth types
  }
}

Modals

This module uses MMM-Module. Follow the instructions provided there and enable modal functionality with the following config params:

{
  modalEnabled: false, // Optional: Enables MMM-Modal functionality
  modalInterval: 2000, // Optional: Will use the updateInterval if not provided,
  modalTemplate: 'modal_template.njk', // Optional: Relative path of modal template file
}

Credits

This module was heavily influenced by Ulrich Wisser's MMM-HTMLSnippet plugin.