CRICS/streamupload
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
pepa65 2022-08-30 09:57:43 +07:00
parent 78f3db04bd
commit 41cff4126a
4 changed files with 66 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
uploadpage/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 111 KiB

18
uploadpage/index.php
View File

@ -2,16 +2,18 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Stream Upload</title> <title>Stream Upload</title>
<link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.png">
<link rel="stylesheet" href="style.css">
<script> <script>
function respond(){ function respond(){
const feedback = document.getElementById('response'); const feedback = document.getElementById('response');
feedback.innerHTML = '<b>File is uploading</b>'; feedback.innerHTML = '<b>File is uploading</b>';
} }
</script> </script>
<div style="display:flex; justify-content:center; align-items:center; height:95vh;"> <div class="container">
<div class="incontainer">
<form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="respond()"> <form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="respond()">
<table> <table>
<tr><td colspan=2 align=center><h1>Video Upload Page</h1></td></tr> <tr><td></td><td align="center"><h1>Stream Upload</h1></td></tr>
<tr> <tr>
<td>Target:</td> <td>Target:</td>
<td> <td>
@ -22,14 +24,11 @@ function respond(){
</select> </select>
</td></tr> </td></tr>
<tr> <tr>
<td>Streamkey:</td> <td class="left">Streamkey:</td>
<td><input type="text" name="streamkey" id="streamkey" required title="string of 0-9, a-z, A-Z or underscore characters" pattern="[a-zA-Z0-9_]+"></td></tr> <td class="right"><input type="text" name="streamkey" id="streamkey" required title="string of 0-9, a-z, A-Z or underscore characters" pattern="[a-zA-Z0-9_]+"></td></tr>
<tr> <tr>
<td>Date:</td> <td>Date and Time:</td>
<td><input type="date" name="date" id="date" required></td></tr> <td><input type="datetime-local" name="datetime" id="datetime" required></td></tr>
<tr>
<td>Time:</td>
<td><input type="time" name="time" id="time" required></td></tr>
<tr> <tr>
<td>Video File:</td> <td>Video File:</td>
<td><input type="file" name="fileToUpload" id="fileToUpload" required accept=".mp4"></td></tr> <td><input type="file" name="fileToUpload" id="fileToUpload" required accept=".mp4"></td></tr>
@ -40,3 +39,4 @@ function respond(){
</table> </table>
</form> </form>
</div> </div>
</div>

47
uploadpage/style.css Normal file
View File

@ -0,0 +1,47 @@
input[type=text],[type=file], select, [type=time], [type=date], [type=datetime-local] {
width:100%;
padding:12px 20px;
margin:0;
display:inline-block;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
font-size:16px;
}
input[type=submit] {
width:100%;
background-color:#4CAF50;
color:white;
padding:14px 20px;
margin:8px 0;
border:none;
border-radius:4px;
cursor:pointer;
font-size:16px
}
body {
margin:0;
font-family:sans-serif;
font-size:16px;
}
.container {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
height:100vh;
}
.incontainer {
width:450px;
max-width:450px;
}
table {
width:100%;
}
.left {
width:125px;
}
.right {
width:325px;
}

11
uploadpage/upload.php
View File

@ -16,9 +16,9 @@ function Back($msg){
header('Content-type: text/html; charset=utf-8'); header('Content-type: text/html; charset=utf-8');
$upload=htmlspecialchars(basename($_FILES['fileToUpload']['name'])); $upload=htmlspecialchars(basename($_FILES['fileToUpload']['name']));
$key=$_POST['streamkey']; $key=$_POST['streamkey'];
$date=$_POST['date']; $date=substr($_POST['datetime'], 0, 10);
$hour=substr($_POST['time'], 0, 2); $hour=substr($_POST['datetime'], 11, 2);
$min=substr($_POST['time'], 3, 2); $min=substr($_POST['datetime'], 14, 2);
$time=$hour.$min; $time=$hour.$min;
$target=$_POST['target']; $target=$_POST['target'];
$dir='streams/'; $dir='streams/';
@ -28,8 +28,9 @@ print('<!DOCTYPE html>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Encoding</title> <title>Encoding</title>
<link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.png">
<div style="display:flex; flex-direction:column; justify-content:center; text-align:center; align-items:center; height:95vh;"> <link rel="stylesheet" href="style.css">
<h3>Encoding</h3> <div class="container">
<h1>Encoding</h1>
File: '.$upload); File: '.$upload);
$now=date('Y-m-dHi'); $now=date('Y-m-dHi');
if(strcmp($now, $date.$time)>0){ if(strcmp($now, $date.$time)>0){