video-behaviour-survey

video-behaviour-survey

Usage no npm install needed!

<script type="module">
  import videoBehaviourSurvey from 'https://cdn.skypack.dev/video-behaviour-survey';
</script>

README

Built With Stencil

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