allow-me

0.1.1 • Public • Published

AllowMe

Visual aid for your users in giving you browser's permission such as cam or mic

Animated GIF


Getting Started

**Step 1: Installation through bower **

bower install allow-me

Step 2: Add both allowMe.js and allowMe.css into your index.html

Step 3: Running allowMe

    var permission = new allowMe();
    permission.show('container', {
    
        headerText: "Click allow to turn on your web cam ",
        headerFontSize: "40px",
        headerFont: "PT Sans, serif",
    
        captionText: "Clicking allow means you'll provide camera and microphone access allowing the other parties will hear and see you.",
        captionFontSize: "20px",
        captionFont: "PT Sans, serif",
    
        backdropColor: '#000',
        backdropOpacity: 0.7,
    
        arrowColor: "#FFFFFF",
        arrowSize: 1.5
    });

    //to hide
    permission.hide();

That's it!


Options

  • headerText: your header text
  • headerFontSize: (optional) font-size for your header text
  • headerFont (optional) font for your header text
  • captionText: (optional) your header text
  • captionFontSize: (optional) font-size for your caption text
  • captionFont: (optional) font for your caption text
  • backdropColor: (optional), color of your backdrop in HEX, default #000 (black)
  • backdropOpacity: (optional) opacity of your backdrop, default 0.5
  • arrowColor: (optional) color of your arrow in hex, default "#FFFFFF" (white)
  • arrowSize: (optional) size of your arrow, default 1

Readme

Keywords

none

Package Sidebar

Install

npm i allow-me

Weekly Downloads

2

Version

0.1.1

License

MIT

Last publish

Collaborators

  • steve-ng