0.0.8 • Published 4 years ago
video-behaviour-survey v0.0.8
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 startTo build the component for production, run:
npm run buildTo run the unit tests for the components, run:
npm testNeed 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