https://github.com/bradmax-com/bradmax-player-ag
This project is sub-module of bradmax-com/bradmax-player-npm-builder
https://github.com/bradmax-com/bradmax-player-ag
angularjs bradmax bradmax-player javascript javascript-library npm-package video video-player
Last synced: 2 months ago
JSON representation
This project is sub-module of bradmax-com/bradmax-player-npm-builder
- Host: GitHub
- URL: https://github.com/bradmax-com/bradmax-player-ag
- Owner: bradmax-com
- License: mit
- Created: 2018-03-19T09:01:21.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-10T10:06:19.000Z (about 8 years ago)
- Last Synced: 2025-03-09T13:15:31.334Z (over 1 year ago)
- Topics: angularjs, bradmax, bradmax-player, javascript, javascript-library, npm-package, video, video-player
- Language: JavaScript
- Homepage: https://github.com/bradmax-com/bradmax-player-npm-builder
- Size: 20.5 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
___
![Bradmax][bradmaxLogo]![AngularJs][angularJsLogo]
___
Repository contains [bradmax player][bradmax] AngularJs modules.
___
## Npm submodules:
| name | npm package | language | module | description |
|:---:|:---|:---:|:---:|:---|
| `gorilla` | [@bradmax/player-ag/gorilla][npm-player-ag] | *js* | *CommonJs+AngularJs* | **AngularJs** module with [bradmax player][bradmax] **gorilla** skin. |
| `mole` | [@bradmax/player-ag/mole][npm-player-ag] | *js* | *CommonJs+AngularJs* | **AngularJs** module with [bradmax player][bradmax] **mole** skin. |
| `snake` | [@bradmax/player-ag/snake][npm-player-ag] | *js* | *CommonJs+AngularJs* | **AngularJs** module with [bradmax player][bradmax] **snake** skin. |
| `zebra` | [@bradmax/player-ag/zebra][npm-player-ag] | *js* | *CommonJs+AngularJs* | **AngularJs** module with [bradmax player][bradmax] **zebra** skin. |
___
## Example project:
- [bradmax-com/bradmax-player-ag-example](https://github.com/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][bradmax-doc-config] json object.*
***NOTE:** angular constant means single configuration for every player.*
### 2. Include bradmax player ag in app html:
- add [bradmax player][bradmax] sources
```
```
*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][bradmax-doc-config] as angular constant `BRADMAX_PLAYER_CONFIGURATION`:
```
```
- [bradmax player configuration][bradmax-doc-config] as inner html *( stringified json object inside player html tag )*:
```
CONFIG_JSON_STRING
CONFIG_JSON_STRING
CONFIG_JSON_STRING
CONFIG_JSON_STRING
```
*Replace `CONFIG_JSON_STRING` with valid stringified [bradmax player configuration][bradmax-doc-config] json object.*
- url to [bradmax player configuration][bradmax-doc-config] json file:
```
```
*Replace `URL_TO_CONFIG` with url pointing to valid [bradmax player configuration][bradmax-doc-config] json file*
___
#### License MIT
___
More info @ [bradmax.com][bradmax]
[bradmax]: https://bradmax.com
[bradmax-doc-config]: https://bradmax.com/static/player-doc/configuration.html
[npm-player-ag]: https://www.npmjs.com/package/@bradmax/player-ag
[npm-player-ng]: https://www.npmjs.com/package/@bradmax/player-ng
[npm-player-rxjs]: https://www.npmjs.com/package/@bradmax/player-rxjs
[npm-player]: https://www.npmjs.com/package/@bradmax/player
[git-player-ag]: https://github.com/bradmax-com/bradmax-player-ag
[git-player-ag-example]: https://github.com/bradmax-com/bradmax-player-ag-example
[git-player-ng]: https://github.com/bradmax-com/bradmax-player-ng
[git-player-ng-example]: https://github.com/bradmax-com/bradmax-player-ng-example
[git-player-rxjs]: https://github.com/bradmax-com/bradmax-player-rxjs
[git-player-rxjs-example]: https://github.com/bradmax-com/bradmax-player-rxjs-example
[git-player-js]: https://github.com/bradmax-com/bradmax-player-js
[bradmaxLogo]: https://raw.githubusercontent.com/bradmax-com/bradmax-player-ag/master/assets/md/bradmax.svg?sanitize=true
[angularJsLogo]: https://raw.githubusercontent.com/bradmax-com/bradmax-player-ag/master/assets/md/ag.svg?sanitize=true