mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-19 11:21:20 -08:00
64 lines
1.0 KiB
Markdown
64 lines
1.0 KiB
Markdown
# artplayer-plugin-gif
|
|
|
|
Gif plugin for ArtPlayer, use [gifshot](https://github.com/yahoo/gifshot) as a dependency
|
|
|
|
## Demo
|
|
|
|
[Checkout the demo](https://artplayer.org/gif/) from Github Pages
|
|
|
|
## Install
|
|
|
|
Install with `npm`
|
|
|
|
```
|
|
$ npm install artplayer-plugin-gif
|
|
```
|
|
|
|
Or install with `yarn`
|
|
|
|
```
|
|
$ yarn add artplayer-plugin-gif
|
|
```
|
|
|
|
```js
|
|
import artplayerPluginGif from 'artplayer-plugin-gif';
|
|
```
|
|
|
|
Or umd builds are also available
|
|
|
|
```html
|
|
<script src="artplayer-plugin-gif"></script>
|
|
```
|
|
|
|
Will expose the global variable to `window.artplayerPluginGif`.
|
|
|
|
## Usage
|
|
|
|
This will add a button called "GIF" in the bottom control bar.
|
|
|
|
```js
|
|
var art = new Artplayer({
|
|
container: '.artplayer-app',
|
|
url: 'path/to/video.mp4',
|
|
plugins: [artplayerPluginGif],
|
|
});
|
|
```
|
|
|
|
Or can be called via api
|
|
|
|
```js
|
|
art.plugins.artplayerPluginGif.create(
|
|
{
|
|
// some configuration
|
|
// https://github.com/yahoo/gifshot#options
|
|
},
|
|
function(imageUrl) {
|
|
console.log(imageUrl);
|
|
},
|
|
);
|
|
```
|
|
|
|
## License
|
|
|
|
MIT © [Harvey Zack](https://www.zhw-island.com/)
|