Start

1. Install

   $ npm install gdplayer@next
   $ npm install gdplayer-music@next

2. Usage

   $ npm install gdplayer@next
   $ npm install gdplayer-music@next

   Step 1:

   <div id="vs"></div>

   Step 2:

   import Player from 'gdplayer'
   import 'gdplayer/dist/index.min.css'
   import MusicPreset from 'gdplayer-music'
   import 'gdplayer-music/dist/index.min.css'
   
   const player = new Player({
       id: 'vs',
       url: 'xxxx',
       poster: 'xxxx',
       title: '这是音乐标题',
       /***以下配置音乐播放器一定要有start***/
       controls: {
           mode: 'flex',
           initShow: true
       },
       marginControls: true
       mediaType: 'audio', // 视频为video, h265为 xg-video, 音频为audio
       preset: ['default', MusicPreset],
       /***以上配置音乐播放器一定要有ended***/
       music: {
           // 音乐循环播放列表，如果不需要循环播放可以没有
           list: [{
               url: 'xx',
               vid: '123',
               poster: 'ccc',
               title: 'ccc'
           }]
       },
       width: "100%",
       height: 70
   })

   This is the easiest way to configure the player,then it runs with video. For more advanced content, see the plug-in section or documentation.

Mobile Support

gdplayer supports mobile terminal, but android device brand and system are numerous, there are much compatibility problems, the player provides whitelist mechanism to ensure the perfect operation in mobile terminal.

Dev

For debugging, we provide the example video resource which size is large in github. You can clone the whole git repository which includes codes and example videos with 'git clone --recurse-submodules -j8'. With 'git clone' you will pull only codes of gdplayer and its plugins.

$ cd gdplayer
$ npm install
$ npm run dev