videoprotector-video-player-angular

Video player for angular using video protector backend

Usage no npm install needed!

<script type="module">
  import videoprotectorVideoPlayerAngular from 'https://cdn.skypack.dev/videoprotector-video-player-angular';
</script>

README

VideoProtector player angular

Installation

npm install --save videoprotector-video-player-angular

Requirements

Build

  • Node 4.x

Javascript requirements

  • angular 1.4+
  • ng-translate
  • locomote-video-player

Demo additional requirements

  • momentjs
  • jquery
  • bootstrap

Build from source

npm install
npm run build

You can now use the folder dist/. This folder contains all the requirements to run the player

Demo

In gulpfile.js you have change the proxy. You must have a valid login !

npm run serve

Then go to http://localhost:3000

Configuration

You can configure

  • LOCOMOTE_SWF_PATH
  • API_URL_CAMERAS
  • IMAGE_FOLDER

In case of cross origin call, you have to set the basic auth user in the $http configuration

angular.module('demo', ['vp-video-player'])
    .value('LOCOMOTE_SWF_PATH', '/dist/ext-lib/Player.swf')
    .value('API_URL_CAMERAS', '/vms-api/v1/cameras')
    .value('IMAGE_FOLDER', '/dist/images/')
    .config(function($httpProvider){
        $httpProvider.defaults.headers.common['Authorization'] = 'Basic '+btoa('user@email.com:mySecurePassword');
    });