Spaces:
Sleeping
Sleeping
Kaelan
commited on
Commit
·
ee1c5ec
1
Parent(s):
c081548
samples
Browse files- public/index.html +2 -1
- src/App.js +2 -0
public/index.html
CHANGED
|
@@ -34,7 +34,7 @@
|
|
| 34 |
<body>
|
| 35 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
| 36 |
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
| 37 |
-
|
| 38 |
<nav class="navbar navbar-dark bg-dark">
|
| 39 |
<a class="navbar-brand" style="color: #8B008B" href="#">FALL DETECTION</a>
|
| 40 |
|
|
@@ -74,6 +74,7 @@
|
|
| 74 |
|
| 75 |
<div class="col">
|
| 76 |
<h1>RESULT</h1>
|
|
|
|
| 77 |
<p>Video will take afew minutes or more to process. Upload images for faster processing </p>
|
| 78 |
{% if predictions and ft=='video': %}
|
| 79 |
<video class="border border-secondary" controls autoplay><source src={{saved_outout}} type="video/mp4" height='680' width='680' name={{predictions}}></video>
|
|
|
|
| 34 |
<body>
|
| 35 |
<noscript>You need to enable JavaScript to run this app.</noscript>
|
| 36 |
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
| 37 |
+
<div id="content">
|
| 38 |
<nav class="navbar navbar-dark bg-dark">
|
| 39 |
<a class="navbar-brand" style="color: #8B008B" href="#">FALL DETECTION</a>
|
| 40 |
|
|
|
|
| 74 |
|
| 75 |
<div class="col">
|
| 76 |
<h1>RESULT</h1>
|
| 77 |
+
<img src="{{ url_for('upload') }}" width="50%" type="multipart/x-mixed-replace; boundary=frame"/>
|
| 78 |
<p>Video will take afew minutes or more to process. Upload images for faster processing </p>
|
| 79 |
{% if predictions and ft=='video': %}
|
| 80 |
<video class="border border-secondary" controls autoplay><source src={{saved_outout}} type="video/mp4" height='680' width='680' name={{predictions}}></video>
|
src/App.js
CHANGED
|
@@ -77,6 +77,8 @@ function App() {
|
|
| 77 |
<div className='inputHolder' >
|
| 78 |
<form action="/upload" enctype="multipart/form-data" method="post" id='uploadform'>
|
| 79 |
<div class="mb-3">
|
|
|
|
|
|
|
| 80 |
<label for="formFile" class="form-label">Upload Image or Video to preview: Max(20mb/file)</label>
|
| 81 |
<input class="form-control" type='file' id="formFile" accepts='image/*, video/*' capture='camera' name='media'
|
| 82 |
onChange={uploadImage}/>
|
|
|
|
| 77 |
<div className='inputHolder' >
|
| 78 |
<form action="/upload" enctype="multipart/form-data" method="post" id='uploadform'>
|
| 79 |
<div class="mb-3">
|
| 80 |
+
<a href="https://drive.google.com/drive/folders/1Gslj0uO2CeLXsO9EhjJ0OepWWpyWb6yO?usp=sharing">Sample Pics to download</a>
|
| 81 |
+
|
| 82 |
<label for="formFile" class="form-label">Upload Image or Video to preview: Max(20mb/file)</label>
|
| 83 |
<input class="form-control" type='file' id="formFile" accepts='image/*, video/*' capture='camera' name='media'
|
| 84 |
onChange={uploadImage}/>
|