wg-video-player v1.2.0-beta.2
Wg Video Player
A multi-channel video player for Wisdom Garden
Getting Started
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.
Installing
You can install it via NPM.
$ npm install wg-video-player --save
Using
Usage
JS Usage(not limited to vue)
<!-- 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
})
Properties
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 |
Debug
publish and link with yalc
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
Change log
2023-03-30
- Throw live mode error event
2023-03-27
- Update videojs-quality-selector
2023-01-17
- Use sass instead of node-sass
2023-01-06
- Support JS to call multi player
2020-05-08
- Support single-screen live video full-screen viewing
2020-03-09
- Support multi-channel broadcast live
1 day ago
20 days ago
25 days ago
28 days ago
28 days ago
29 days ago
1 month ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago