-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (31 loc) · 1.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/6.4.0/adapter.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title>Second attempt at recording audio stuff</title>
</head>
<body>
<div id="app">
<h1>Second attempt at recording from the browser</h1>
<h2>Red means recording</h2>
<div class="recording-witness" :class="{ 'is-recording': isRecording }"> </div>
<button @click="startRecording" :disabled="isRecording">Record</button>
<button @click="stopRecording" :disabled="!isRecording">Stop</button>
<h2>Log</h2>
<code v-html="logData"></code>
<h2>List of audios:</h2>
<ul v-if="audios.length">
<li v-for="(audio, index) in audios" :key="index">
<audio :src="audio" controls></audio>
</li>
</ul>
<span v-else>No audios recorded yet</span>
</div>
</body>
<script src="js/web-audio-recorder-js-master/lib-minified/WebAudioRecorder.min.js"></script>
<script src="js/script.js"></script>
</html>