forked from marisademeglio/media-overlays-js
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathaudio-test.html
86 lines (75 loc) · 2.57 KB
/
audio-test.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
<!doctype html>
<html>
<head>
<title>Media Overlays Experiments</title>
<script src="jquery-1.7.1.min.js"></script>
<script src="audio-clip-player.js"></script>
<script>
$(document).ready(function() {
obj = new Test();
obj.start();
});
Test = function() {
var audioplayer = new AudioClipPlayer;
var ready = true;
var clips = [[24.5, 28.5],[29.268, 29.441], [29.441, 29.640], [29.640, 30.397]];
var idx = 0;
var src = "http://localhost:4000/testdata/moby/audio/mobydick_001_002_melville.mp4";
this.start = function() {
var self = this;
audioplayer.setNotifyClipDone(function() {
notifyDone();
});
audioplayer.setNotifyDebugPrint(function(str) {
notifyDebugPrint(str);
});
audioplayer.setNotifyOnPause(function() {
console.log("onpause");
});
audioplayer.setNotifyOnPlay(function() {
console.log("onplay");
});
$("#playpause").click(function() {
if (audioplayer.isPlaying()) {
$("#playpause").text("play");
pause();
}
else {
$("#playpause").text("pause");
play();
}
});
};
function notifyDone() {
idx++;
if (idx >= clips.length) {
idx = 0;
}
ready = true;
play();
}
function play() {
if (ready == true) {
ready = false;
audioplayer.play(src, clips[idx][0], clips[idx][1]);
}
else {
audioplayer.resume();
}
}
function pause() {
audioplayer.pause();
}
function notifyDebugPrint(str) {
if (str == undefined) return;
$("#debug").append("<p>" + str + "</p>");
}
}
</script>
</head>
<body>
<h1>Audio clip test</h1>
<button id="playpause">Play/Pause</button>
<div id="debug"></div>
</body>
</html>