Video Behavior Survey

This is a project for video behaviour, it is a standalone Web Component using Stencil.

video-behaviour-survey

Properties

| Property | Attribute | Description | Type | Default | | -------------------------- | ---------------------------- | ----------- | -------- | ----------- | | bootupText | bootup-text | | string | undefined | | bootupTime | bootup-time | | any | undefined | | challengeAnswerTime | challenge-answer-time | | any | 5 | | challengeDescriptionText | challenge-description-text | | string | undefined | | challengeFailText | challenge-fail-text | | string | undefined | | challengeInterval | challenge-interval | | any | 5 | | challengeSuccessText | challenge-success-text | | string | undefined | | end | end | | any | undefined | | exitSleepModeKey | exit-sleep-mode-key | | string | undefined | | sleepModeText | sleep-mode-text | | string | undefined | | start | start | | any | undefined | | timeOverText | time-over-text | | string | undefined | | timeout | timeout | | any | 5 | | videoHeight | video-height | | any | undefined | | videoId | video-id | | any | undefined | | videoWidth | video-width | | any | undefined |

Getting Started

To start building a new web component using Stencil, clone this repo to a new directory:

npm install
npm start

To build the component for production, run:

npm run build

To run the unit tests for the components, run:

npm test

Need help? Check out docs here.

Using this component

Node Modules

• Run npm install video-behaviour-survey --save
• Put a script tag similar to this <script src='node_modules/video-behaviour-survey/dist/video-behaviour-survey.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install video-behaviour-survey --save
• Add an import to the npm packages import video-behaviour-survey;
• Then you can use the element anywhere in your template, JSX, html etc