A video player for private
npm install wg-video-playerA multi-channel video player for Wisdom Garden
We provide a vue plugin to use the multi-player component in your own vue project.
We also support js to use the multi-player.
You can install it via NPM.
```
$ npm install wg-video-player --save
- CONTRIBUTING
- Logging Guidelines
#### Vue Devtools
`bash
#change editor for 'Open in Editor'https://devtools.vuejs.org/getting-started/open-in-editor
LAUNCH_EDITOR=code yarn dev
``$3
HTML`` JS
import { WgVideoPlayer } from 'wg-video-player'
import('wg-video-player/style.css')
const { MultiPlayer } = VueMultiPlayer
const props = { videos: [], ... }
// param: id, props, options(Optional)
const player = new MultiPlayer('my-player', props)
player.on('eventName', () => {
// do something
})
`
| property | type | default | description |
| :--------- | :-------- | :-------- | :--------------------------------------------------------------------------------------------------------------------- |
| videos | Array | require | video link collection played by multi-player |mode
| | String | live | player mode, only support live mode |autoPlay
| | Boolean | false | When set to true, the live video will automatically play in silent mode, this property is only applicable to live mode |volume
| | Number | 0.8 | 0 - 1, Set the initial volume of the player |
---
#### Dependency
``
npm install -g yalc nodemon
#### Publish
Publish to local global instead of publishing to NPM
``
yalc publish
#### Watch
Watch file change and auto publish
``
npm run watch
#### Link
Create a soft link to this package in your project
Notice: need to uninstall vue-multi-player in your project first (prevent partial conflicts)
```
cd your-project && yalc link vue-multi-player
- Use sass instead of node-sass
- Support single-screen live video full-screen viewing
- Support multi-channel broadcast live