@bradmax/player-ag NPM

Bradmax AngularJs

Repository contains bradmax player AngularJs modules.

Npm submodules:

name	npm package	language	module	description
`gorilla`	@bradmax/player-ag/gorilla	js	CommonJs+AngularJs	AngularJs module with bradmax player gorilla skin.
`mole`	@bradmax/player-ag/mole	js	CommonJs+AngularJs	AngularJs module with bradmax player mole skin.
`snake`	@bradmax/player-ag/snake	js	CommonJs+AngularJs	AngularJs module with bradmax player snake skin.
`zebra`	@bradmax/player-ag/zebra	js	CommonJs+AngularJs	AngularJs module with bradmax player zebra skin.

Example project:

bradmax-com/bradmax-player-ag-example : angular js application.

Usage:

1. Include bradmax player ag in your app module:

angular
 .module('myApp', [
  'bradmax.player.ag.gorilla', // if you want bradmax player with 'Gorilla' skin.
  'bradmax.player.ag.mole',    // if you want bradmax player with 'Mole' skin.
  'bradmax.player.ag.snake',   // if you want bradmax player with 'Snake' skin.
  'bradmax.player.ag.zebra',   // if you want bradmax player with 'Zebra' skin.
 ])

If bradmax player configuration is set as angular constant named `BRADMAX_PLAYER_CONFIGURATION`:

angular
 .module('myApp', [...])
 .constant('BRADMAX_PLAYER_CONFIGURATION', CONFIG_JSON);

Replace CONFIG_JSON with valid bradmax player configuration json object.

*NOTE: angular constant means single configuration for every player.*

2. Include bradmax player ag in app html:

add bradmax player sources

<!-- gorilla skin -->
<script src="PATH_TO_NODE_MODULES_DIR/@bradmax/player-ag/gorilla/index.js"></script>

<!-- mole skin -->
<script src="PATH_TO_NODE_MODULES_DIR/@bradmax/player-ag/mole/index.js"></script>

<!-- snake skin -->
<script src="PATH_TO_NODE_MODULES_DIR/@bradmax/player-ag/snake/index.js"></script>

<!-- zebra skin -->
<script src="PATH_TO_NODE_MODULES_DIR/@bradmax/player-ag/zebra/index.js"></script>

Replace PATH_TO_NODE_MODULES_DIR with relative path pointing to directory where yarn install dependencies, usually node_modules in project root dir.

bradmax player configuration as angular constant BRADMAX_PLAYER_CONFIGURATION:

<!-- gorilla skin -->
<bradmax-player-gorilla></bradmax-player-gorilla>

<!-- mole skin -->
<bradmax-player-mole></bradmax-player-mole>

<!-- snake skin -->
<bradmax-player-snake></bradmax-player-snake>

<!-- zebra skin -->
<bradmax-player-zebra></bradmax-player-zebra>

bradmax player configuration as inner html ( stringified json object inside player html tag ):

<!-- gorilla skin -->
<bradmax-player-gorilla>CONFIG_JSON_STRING</bradmax-player-gorilla>

<!-- mole skin -->
<bradmax-player-mole>CONFIG_JSON_STRING</bradmax-player-mole>

<!-- snake skin -->
<bradmax-player-snake>CONFIG_JSON_STRING</bradmax-player-snake>

<!-- zebra skin -->
<bradmax-player-zebra>CONFIG_JSON_STRING</bradmax-player-zebra>

Replace CONFIG_JSON_STRING with valid stringified bradmax player configuration json object.

url to bradmax player configuration json file:

<!-- gorilla skin -->
<bradmax-player-gorilla config-url="URL_TO_CONFIG"></bradmax-player-gorilla>

<!-- mole skin -->
<bradmax-player-mole config-url="URL_TO_CONFIG"></bradmax-player-mole>

<!-- snake skin -->
<bradmax-player-snake config-url="URL_TO_CONFIG"></bradmax-player-snake>

<!-- zebra skin -->
<bradmax-player-zebra config-url="URL_TO_CONFIG"></bradmax-player-zebra>

Replace URL_TO_CONFIG with url pointing to valid bradmax player configuration json file