Danmuku plugin for ArtPlayer
Checkout the demo from Github Pages
Install with npm
$ npm install artplayer-plugin-danmuku
Or install with yarn
$ yarn add artplayer-plugin-danmuku
import artplayerPluginBacklight 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
.
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
});
MIT © Harvey Zack