82 lines
4.4 KiB
HTML
82 lines
4.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||
|
|
<title>Document</title>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<!-- <div style="box-shadow: 5px 2px 5px 5px;"> -->
|
||
|
|
|
||
|
|
<h3 class="mb-5">Welcome to Subtitling!</h3>
|
||
|
|
<p style="font-size:1.3em;">Burn Subtitles easily and efficiently on your videos!</p>
|
||
|
|
|
||
|
|
<form>
|
||
|
|
<div class="form-group row">
|
||
|
|
<div class="col-xs-2" id="qwert">
|
||
|
|
<label for="video" style="float: right;">Upload Film:</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-2">
|
||
|
|
<input type="file" name="video" id="video" label="Film">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-2">
|
||
|
|
<label for="script" style="float: right;">Upload SubTitle File:</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-2">
|
||
|
|
|
||
|
|
<input type="file" name="script" id="script" label="Film">
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-2">
|
||
|
|
<label style="float: right;">Choose the Type of SubTitle</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xs-2">
|
||
|
|
<select class="form-control select2 form-control-md kt-select2" id= "lang" name = "lang">
|
||
|
|
<option value="OverLay SubTitles">Burn SubTitles in Videos</option>
|
||
|
|
<option value="OverLay SubTitles" selected>OverLay SubTitles</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group row">
|
||
|
|
<div id="qwert">
|
||
|
|
<button style="margin-left: 45%; padding-left: 30px; padding-right: 30px;"
|
||
|
|
class="btn btn-danger mx-3" type="submit">Submit</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
<!-- <script>
|
||
|
|
var subjectObject = {
|
||
|
|
"English": ['Afrikaans', 'Albanian', 'Amharic', 'Arabic', 'Armenian', 'Azerbaijani', 'Basque', 'Belarussian', 'Bengali', 'Bosnian', 'Bulgarian', 'Catalan', 'Cebuanos', 'Chinese', 'Corsican', 'Croatian', 'Czech', 'Danish', 'Dutch', 'English', 'Esperanto', 'Estonian', 'Filipino', 'Finnish', 'French', 'Frisian', 'Galician', 'Georgian', 'German', 'Greek', 'Gujrati', 'Haitian', 'Hausa', 'Hawaiian', 'Hebrew', 'Hindi', 'Hmong', 'Hungarian', 'Icelandic', 'Igbo', 'Indonesian', 'Irish', 'Italian', 'Japanese', 'Javanese', 'Kannada', 'Kazak', 'Khmer', 'Kinyarwanda', 'Korean', 'Kurdish', 'Kyrgyz', 'Lao', 'Latin', 'Latvian', 'Lithuanian', 'Luxembourgish', 'Macedonian', 'Malagasy', 'Malay', 'Maltese', 'Malyalam', 'Maori', 'Marathi', 'Mongolian', 'Myanmar', 'Nepali', 'Norwegian', 'Odia', 'Pashto', 'Persian', 'Polish', 'Portugese', 'Punjabi', 'Romanian', 'Russian', 'Samoan', 'Scots Gaelic', 'Serbian', 'Sesotho', 'Shona', 'Sindhi', 'Singhala', 'Slovak', 'Slovenian', 'Somali', 'Spanish', 'Sudanese', 'Swahili', 'Swedish', 'Tagalog', 'Tamil', 'Tatar', 'Telugu', 'Thai', 'Turkish', 'Turkmen', 'Ukranian', 'Urdu', 'Uyghur', 'Uzbek', 'Vietnamese', 'Welsh', 'Xhosa', 'Yiddish', 'Yoruba', 'Zulu'],
|
||
|
|
"Hindi" : ['English', 'Hindi', 'Malayalam', 'Marathi', 'Tamil', 'Telugu', 'Urdu'],
|
||
|
|
"Urdu" : ['Afrikaans', 'Arabic', 'Belarussian', 'English', 'Greek', 'Hindi', 'Javanese', 'Persian', 'Sindhi', 'Urdu', 'Uzbek'],
|
||
|
|
}
|
||
|
|
window.onload = function() {
|
||
|
|
var subjectSel = "English"
|
||
|
|
var topicSel = document.getElementById("lang");
|
||
|
|
topicSel.length = 1;
|
||
|
|
//display correct values
|
||
|
|
for (var y in subjectObject[subjectSel]) {
|
||
|
|
topicSel.options[topicSel.options.length] = new Option(subjectObject[subjectSel][y], subjectObject[subjectSel][y]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script> -->
|
||
|
|
<!-- </div> -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|