Commit 03f7f066 authored by De Silva K.C.C.C's avatar De Silva K.C.C.C

Merge branch 'IT19408316' of http://gitlab.sliit.lk/2022-066/evsdh into IT19408316

parents ba951037 9b390602
......@@ -13,6 +13,7 @@ function Upload() {
const [video, setVideo] = useState("");
const [indexingData, setIndexingData] = useState([])
// const [post, setPost] = React.useState(null);
const [buttonStatus, setButtonStatus] = useState(false);
const [videoFilePath, setVideoFilePath] = useState([]);
const [initialValue, setInitalValue] = useState(0);
const handleVideoUpload = (event) => {
......@@ -21,7 +22,7 @@ function Upload() {
};
const onReady = React.useCallback(() => {
console.log("here")
// console.log("here")
if (!isReady) {
playerRef.current.seekTo(initialValue, "seconds");
setIsReady(true);
......@@ -38,8 +39,7 @@ function Upload() {
.then(response => response.json())
.then(response => {
setIndexingData(response);
// setVideoFilePath('C:\Users\User\Desktop\Backup\MyDATA\SLIIT\Video Indexing\Indexing\upload
setButtonStatus(true);
})
.catch(err => {
console.log(err);
......@@ -67,65 +67,38 @@ function Upload() {
return (
<div>
<input type="file" className='forrm-control' onChange={handleVideoUpload}></input>
<>
<center>
<div style={{"background-color":"White", width:"60%", "border-radius": "15px", "margin-top":"50px"}}>
<center>
<input type="file" className='forrm-control' style={{"margin-top": "100px","margin-bottom": "50px" }} onChange={handleVideoUpload}></input>
<button onClick={sendVideo} className="btn btn-primary">Upload</button>
<ReactPlayer
ref= {playerRef}
url={videoFilePath}
playing={isPlaying}
width="50%"
height="50%"
controls={true}
onReady={onReady}
/>
<br />
{/* <video controls>
<source src="C:\Users\User\Desktop\Backup\MyDATA\SLIIT\Video Indexing\Indexing\upload\IAS_Lec1_10min.mp4" />
</video> */}
<p>
{selectOptions}
</p>
{buttonStatus === true ? (
<div>
<ReactPlayer
ref= {playerRef}
url={videoFilePath}
playing={isPlaying}
width="50%"
height="50%"
controls={true}
onReady={onReady}
/>
<br />
<p>
{selectOptions}
</p>
</div>
): ""}
</center>
</div>
// <div className="background-material">
// <div className="container mt-4 shadow p-3 mb-5 bg-body rounded">
// <div>
// <h3>UPLOAD THE VIDEO</h3>
// <div className="container mt-4 p-3 mb-5 bg-body rounded">
// <form
// className="row g-3">
// <div className="form-group files">
// <input
// type="file"
// className="form-control"
// onChange={(e)=>setVideo(e.target.files[0])}
// multiple=""
// required=""
// />
// <button onClick={sendVideo}>UPLOAD</button>
// </div>
// {/* <div className="row g-3">
// <button onClick={sendVideo} className="button2-submit button-submit">UPLOAD</button>
// </div> */}
// </form>
// </div>
// </div>
// </div>
// </div>
</center>
</>
);
}
......
......@@ -28,21 +28,21 @@ class AboutUs extends Component {
<span className='aim_icon'>
<ImUsers/>
</span>
<h3>450 +</h3>
<h3>6 +</h3>
<p>Subscribers</p>
</article>
<article className='aim_card'>
<span className='aim_icon'>
<MdSubscriptions/>
</span>
<h3>500 +</h3>
<h3>25 +</h3>
<p>Videos</p>
</article>
<article className='aim_card'>
<span className='aim_icon'>
<MdSubscriptions/>
</span>
<h3>500 +</h3>
<h3>25 +</h3>
<p>Videos</p>
</article>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment