artplayer-plugin-danmuku

artplayer-plugin-danmuku

Danmuku plugin for ArtPlayer

Demo

Checkout the demo from Github Pages

Install

Install with npm

$ npm install artplayer-plugin-danmuku

Or install with yarn

$ yarn add artplayer-plugin-danmuku

import artplayerPluginDanmuku from 'artplayer-plugin-danmuku';

Or umd builds are also available

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

Will expose the global variable to window.artplayerPluginDanmuku.

Usage

var art = new Artplayer({
    container: '.artplayer-app',
    url: 'path/to/video.mp4',
    plugins: [artplayerPluginDanmuku({
        danmuku: [
            {
                text: '666', // Danmu text
                time: 5, // Video time
                color: '#fff', // Danmu color
                border: false, // Danmu border
                mode: 'scroll', // Danmu mode: scroll or static
            }
        ], // Can be an array or return the promised function or danmuku xml url
        speed: 5, // Animation time
        opacity: 1, // Opacity
        color: '#fff', // Font color
        size: 25, // Font size
        maxlength: 50, // The maximum number of words in the danmu
        margin: [10, 20], // Margin top and margin bottom
        synchronousPlayback: false, // Synchronous playback speed
    })],
});

// Send danmu
art.plugins.artplayerPluginDanmuku.emit({
    text: '666', // Danmu text
    time: 5, // Video time
    color: '#fff', // Danmu color
    size: 25, // Danmu size
    border: false, // Danmu border
    mode: 'scroll', // Danmu mode: scroll or static
});

// Hide danmu
art.plugins.artplayerPluginDanmuku.hide();

// Show danmu
art.plugins.artplayerPluginDanmuku.show();

// Config danmu
art.plugins.artplayerPluginDanmuku.config({
    // option
});

License

MIT © Harvey Zack