-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (107 loc) · 6.04 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<!--
CoVid - Software suite for Lecture recordings.
Copyright (C) 2020 - Lakshya A Agrawal and Archit Agrawal
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
<script src="https://www.WebRTC-Experiment.com/RecordRTC.js"></script>
<script src="https://cdn.webrtc-experiment.com/EBML.js"></script>
<script src="https://www.webrtc-experiment.com/ConcatenateBlobs.js"></script>
<script src="res/scripts/dist/pdfjs/package/build/pdf.js"></script>
<script src="res/scripts/dist/jszip.js"></script>
<script src="res/scripts/dist/jszip-utils.js"></script>
<script src="res/scripts/dist/FileSaver.js"></script>
<script src="res/scripts/decl.js"></script>
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="res/css/styles.css">
</head>
<body>
<div class="bottom_bar">
<div class="mode_toggle">
<img id="view_mode_button" onclick="change_mode('view')" title="Change to view mode" src="res/images/view-mode-button.svg" class="mode_toggle_color_button">View/Record</img>
<img id="rec_mode_button" onclick="change_mode('rec')" title="Change to record mode" src="res/images/record-mode-button.svg" class="mode_toggle_color_button"></img>
</div>
<div class="import_doc rec view">
<input type="file" id="upload_slides" name="files[]" accept="image/*,.pdf" src="res/images/import_base_pdf.svg" style="display:none;"/>
<img onclick="$('#upload_slides').click();" title="Import base PDF" src="res/images/import_base_pdf.svg" class="mode_toggle_color_button"></img>
</div>
<div class="replay_control view">
<input type="file" id="upload_recording" name="files[]" style="display:none;"/>
<img onclick="$('#upload_recording').click();" title="Upload lecture zip" src="res/images/import_lecture_content.svg" class="mode_toggle_color_button"></img>
<div id="audioplayer">
<button id="pButton" class="play"></button>
<div id="timeline">
<div id="playhead"></div>
</div>
</div>
<div id="issoundpresent"></div>
</div>
<div class="export_doc rec">
<img id="exportPDF" onclick="exportPDF()" title="Export as PDF" src="res/images/export_pdf.png" class="mode_toggle_color_button"></img>
</div>
<div class="record_control rec">
<img id="recordButton" onclick="startRecord()" title="Start/Stop Recording" src="res/images/start_recording.svg" class="mode_toggle_color_button"></img>
<img id="pauserecordButton" onclick="pauseRecording()" title="Pause/Resume Recording" src="res/images/pause_recording.png" class="mode_toggle_color_button" style="display: none;"></img>
<div id="recordingTime" title="Recording Time" ><time>00:00:00</time></div>
<div id="issoundRecorded" style="display: inline-block;"></div>
</div>
<div id="credits"><a href="https://github.com/nahimilega/CoVid-readme">Documentation</a><br>Developed by <a href="https://github.com/nahimilega/">Archit</a> and <a href="https://github.com/LakshyAAAgrawal/">Lakshya</a></div>
</div>
<div class="left_bar">
<div class="slide_controls rec">
<div class="slide_buttons">
<img class="button" title="Next Slide" id="nextSlide" onclick="change_slide(1)" src="res/images/arrow-right-circle.svg"></img>
<img class="button" title="Previous Slide" id="previousSlide" onclick="change_slide(-1)" src="res/images/arrow-left-circle.svg"></img>
<img class="button" title="Add New Slide" onclick="new_slide();" src="res/images/plus-circle.svg"></img>
</div>
<div class="slide_list">
<div class="scrollable" id="right_scroll_bar">
<div id="slides_list">
</div>
</div>
</div>
</div>
</div>
<div class="right_bar">
<div class="draw_controls rec scrollable">
<input class="color_button" type="button" style="background-color:#000000" onclick="change_color('#000000')">
<input class="color_button" type="button" style="background-color:#00CC99" onclick="change_color('#00CC99')">
<input class="color_button" type="button" style="background-color:#cc1f00" onclick="change_color('#cc1f00')">
<input class="color_button" type="button" style="background-color:#00cc25" onclick="change_color('#00cc25')">
<input class="color_button" type="button" style="background-color:#475F94" onclick="change_color('#475F94')">
<input class="color_button" type="button" style="background-color:#FDDC5C" onclick="change_color('#FDDC5C')">
<input class="color_button" type="button" style="background-color:#FA4224" onclick="change_color('#FA4224')">
<input class="color_button" id="color_picker" type="color" id="myColor" onchange="color_picked()" onkeyup="color_picked()" >
<input class="color_button" type="button" onclick="setEraser()" value="Eraser">
<div class="slidecontainer">
<label for="pointerWidthrange" style="font: 11px 'Fira Sans', sans-serif; color: white;">Pointer Size</label>
<input type="range" min="1" max="10" value="3" width=50px class="slider" id="pointerWidthRange">
</div>
</div>
</div>
<img id="logo_img" src="res/images/covid_logo.png"></img>
<div class="canvas rec view" id="canvas_container">
<div id="canvas_list"></div>
</div>
<div id="loading_screen">
<img id="load_icon" src="res/images/loading.gif">
</div>
<div id="error_banner">
<p id="error_msg"></p>
</div>
<script src="res/scripts/init.js"></script>
</body>
</html>