some trials to record video

This commit is contained in:
Marc Wäckerlin
2016-01-12 15:50:24 +00:00
parent 3c87e6585b
commit 7a17c7e3ca
3 changed files with 139 additions and 57 deletions

View File

@@ -50,10 +50,10 @@
<div id="newuser" style="display: none">
<h2>Register User</h2>
<p>All you need to start is a username and a password:</p>
<form id="register">
<input placeholder="username" type="text" id="user"/>
<input placeholder="password" type="password" id="pwd" oninput="checkpwd(this.value, document.getElementById('pwd2').value)"/>
<input placeholder="repeat password" type="password" id="pwd2" oninput="checkpwd(document.getElementById('pwd').value, this.value)"/>
<form id="register" autocomplete="off">
<input placeholder="username" autocomplete="off" type="text" id="user"/>
<input placeholder="password" autocomplete="off" type="password" id="pwd" oninput="checkpwd(this.value, document.getElementById('pwd2').value)"/>
<input placeholder="repeat password" autocomplete="off" type="password" id="pwd2" oninput="checkpwd(document.getElementById('pwd').value, this.value)"/>
<input id="createuser" type="submit" disabled/>
</form>
<script>
@@ -102,8 +102,8 @@
<!-- Enter Password -->
<div id="getpwd" style="display: none">
<form>
<input placeholder="please enter password" id="pwd" oninput="setpw(this.value)"
<form autocomplete="off">
<input placeholder="please enter password" autocomplete="off" id="pwd" oninput="setpw(this.value)"
type="password" />
</form>
</div>
@@ -118,11 +118,12 @@
<div class="buttongroup">
<span class="toolbutton">
<label for="photo"><img src="images/photo.svg"/></label>
<input autocomplete="off" type="file" accept="image/*" id="photo" multiple />
<input autocomplete="off" type="file" accept="image/*" id="photo" multiple/>
</span>
<span class="toolbutton">
<label for="video"><img src="images/video.svg"/></label>
<input autocomplete="off" type="file" accept="video/*" id="video"/>
<input id="video" type="button" onclick="recordvideo()"/>
<!--input autocomplete="off" type="file" accept="video/*" id="video"/-->
</span>
<span class="toolbutton">
<label for="audio"><img src="images/audio.svg"/></label>
@@ -143,6 +144,12 @@
</div>
</form>
<div id="preview"></div>
<div id="videorecorder" style="display: none">
<video autoplay muted></video>
<button id="record" onclick="record()">record</button>
<button id="done" onclick="done()">done</button>
<button id="abort" onclick="abort()">abort</button>
</div>
</div>
<div id="msgs"></div>
<script>