blob: e328a0704207ee2f13bb3351c7701f6a4edf30f6 (
plain)
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
|
var audio = (function(){
var audio = {}
var el, music = [], current_index = -1
var links, comment, parent
var selected = false
var playing = false
audio.init = function () {
comment = document.querySelector("#comment")
parent = document.querySelector("#audio")
audio.index()
audio.build()
}
audio.index = function () {
music = []
var links = document.querySelectorAll("a")
Array.prototype.slice.apply(links).forEach(function(link){
if (! link.href.match(/(mp3|wav|ogg)/)) return
link.dataset.index = music.length
music.push(link)
if (playing && link.href === el.src) {
current_index = parseInt(link.dataset.index)
}
})
if (playing) {
audio.set_cursor()
}
}
audio.build = function () {
el = document.createElement("audio")
el.setAttribute("controls", true)
el.addEventListener("loadeddata", () => { if (selected) el.play() })
el.addEventListener("ended", audio.next)
el.src = music[0]
parent.appendChild(el)
document.body.addEventListener("keydown", audio.keydown)
}
audio.destroy = function () {
el.pause()
el = null
parent.removeChild(el)
document.body.removeEventListener("keydown", audio.keydown)
}
audio.play = function (index) {
playing = true
current_index = (parseInt(index) + music.length) % music.length
el.src = music[current_index].href
audio.set_cursor()
}
audio.set_cursor = function () {
selected = document.querySelector(".playing")
if (selected) selected.classList.remove("playing")
music[current_index].classList.add("playing")
}
audio.prev = function (){
audio.play(current_index - 1)
}
audio.next = function (){
audio.play(current_index + 1)
}
audio.toggle = function (){
if (el.paused) el.play()
else el.pause()
}
audio.keydown = function(e){
function element_is_text_input(el) {
var tagName = el.tagName.toLowerCase()
return (tagName == 'input' && el.type == 'text' || tagName == 'textarea')
}
if (element_is_text_input(document.activeElement)) {
return
}
if (app.typing || e.ctrlKey || e.altKey || e.metaKey || e.shiftKey) return
switch (e.keyCode) {
case 37: // left
audio.prev()
break;
case 39: // right
audio.next()
break;
case 32: // spacebar
e.preventDefault()
audio.toggle()
break;
}
}
return audio
})()
|
