import React, { useRef, useEffect, useState } from 'react';
import RecVideo from '../recVideo/hkh5player';

const Demo2 = (props) => {
  const jessibuca = useRef(null);

  return (
    <div style={{ height: '700px' }}>
      <RecVideo
        {...{
          JessibucaObj: {
            decoder: '/h5player',
          },
          VideoInfo: {
            id: 'FB4FAC6B-4AC1-4EE6-8133-A613098F5AEF',
            beginTime: '2024-05-24 00:00:00',
            endTime: '2024-05-24 23:59:59',
            playTime: '2024-05-24 06:00:00',
            hoursRuler: 24,
          },
          ProgressBar: { strokeColor: 'red', textColor: 'red' },
          EmptyIcon: '',
        }}
        ref={jessibuca}
      />
    </div>
  );
};

export default Demo2;
