Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/strapi-plugin-upload/admin/src/components/VideoPlayer/   drwxr-xr-x
Free 13.24 GB of 57.97 GB (22.84%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.29 KB)      -rw-r--r--

import React, { useRef, useState } from 'react';
import PropTypes from 'prop-types';

import PlayIcon from '../PlayIcon';
import Duration from '../Duration';
import Wrapper from './Wrapper';

const VideoPlayer = ({ src }) => {
  const [duration, setDuration] = useState(0);
  const [isPlaying, setIsPlaying] = useState(false);

  const videoRef = useRef();

  const togglePlay = () => {
    if (isPlaying) {
      videoRef.current.pause();
      // Change isPlaying here too because onPause handler is only called on controls click
      setIsPlaying(false);
    } else {
      videoRef.current.play();
    }
  };

  return (
    <Wrapper onClick={togglePlay}>
      <video
        controls={isPlaying}
        ref={videoRef}
        src={src}
        crossOrigin="anonymous"
        onLoadedData={({ target: { duration } }) => {
          setDuration(duration);
        }}
        onPlay={() => {
          setIsPlaying(true);
        }}
        onPause={() => {
          setIsPlaying(false);
        }}
      >
        <track default kind="captions" srcLang="en" src="" />
      </video>
      {!isPlaying && <PlayIcon />}
      <Duration duration={duration} />
    </Wrapper>
  );
};

VideoPlayer.defaultProps = {
  src: null,
};

VideoPlayer.propTypes = {
  src: PropTypes.string,
};

export default VideoPlayer;