ArtPlayer/packages/artplayer-plugin-blur

artplayer-plugin-blur

Blur plugin for ArtPlayer

Demo

Checkout the demo from Github Pages

Install

Install with npm

$ npm install artplayer-plugin-blur

Or install with yarn

$ yarn add artplayer-plugin-blur

import artplayerPluginBlur from 'artplayer-plugin-blur';

Or umd builds are also available

<script src="artplayer-plugin-blur.js"></script>

Will expose the global variable to window.artplayerPluginBlur.

Usage

var art = new Artplayer({
    container: '.artplayer-app',
    url: 'path/to/video.mp4',
    layers: [
        {
            style: {
                position: 'absolute',
                top: '50%',
                left: '50%',
                width: '200px',
                height: '200px',
                margin: '-100px 0 0 -100px',
            },
            mounted($layer) {
                art.plugins.artplayerPluginBlur.attach($layer);
            },
        },
    ],
    plugins: [artplayerPluginBlur],
});

License

MIT © Harvey Zack