A 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
<!-- video player will be mounted here -->
<div id="my-player" />
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 |
publish and link with yalc
npm install -g yalc nodemon
Publish to local global instead of publishing to NPM
yalc publish
Watch file change and auto publish
npm run watch
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
- Throw live mode error event
- Update videojs-quality-selector
- Use sass instead of node-sass
- Support JS to call multi player
- Support single-screen live video full-screen viewing
- Support multi-channel broadcast live