ice-video

The web danmuku video player built from the ground up for an HTML5 world using React library.

website

ScreenShot

Installation

Install ice-video via NPM

npm install --save ice-video react react-dom isomorphic-fetch

import stylesheet

import "http://ice-video.coolecho.net/static/video.min.css";

or import scss

import "node_modules/ice-video/src/assets/sass/video.scss"

Import the components where you need, example:

import React from 'react';
import ReactDOM from 'react-dom';
import IceVideo from 'ice-video';

const Player = () => {
  const settings = {
    loop: true,
    autoPlay: false,
    preload: 'auto',
    poster: '',
    volume: 0.5,
    getDanmukuUrl: 'http://127.0.0.1:3001/danmuku',
    sendDanmukuUrl: 'http://127.0.0.1:3001/senddanmu',
    controls: true,
    scale: '16:9',
    src: './video.mp4',
  };
  return (
    <IceVideo {...settings} />
  );
}

export default Player;

Config

Options

Danmuku

Server danmuku format conventions

for example:

{
  content: "233",
  date: "2017-06-03T05:40:26.616Z",
  fontColor: "white",
  fontSize: "middle",
  model: "roll",
  timePoint: 3.014076
}

LICENSE

MIT @ Alchemy