|
@@ -1,10 +1,23 @@
|
1
|
1
|
|
2
|
2
|
/* eslint-disable */
|
3
|
3
|
export default function musicPlay (src) {
|
|
4
|
+
|
4
|
5
|
var className = 'play'
|
5
|
6
|
var trigger = 'ontouchend' in document ? 'touchstart' : 'click'
|
6
|
|
- var $musci = document.createElement('div')
|
7
|
|
- var $audio = document.createElement('audio')
|
|
7
|
+ var $musci
|
|
8
|
+ var m = document.getElementById('music-icon')
|
|
9
|
+ if (m) {
|
|
10
|
+ $musci = m
|
|
11
|
+ } else {
|
|
12
|
+ $musci = document.createElement('div')
|
|
13
|
+ }
|
|
14
|
+ var a = document.getElementById('audio')
|
|
15
|
+ var $audio
|
|
16
|
+ if (a) {
|
|
17
|
+ $audio = a
|
|
18
|
+ } else {
|
|
19
|
+ $audio = document.createElement('audio')
|
|
20
|
+ }
|
8
|
21
|
|
9
|
22
|
function start () {
|
10
|
23
|
document.removeEventListener(trigger, start, false)
|
|
@@ -29,13 +42,17 @@ export default function musicPlay (src) {
|
29
|
42
|
|
30
|
43
|
$musci.className = 'music-icon'
|
31
|
44
|
$musci.classList.add('paused')
|
|
45
|
+ $musci.id = "music-icon"
|
32
|
46
|
$audio.src = src
|
33
|
47
|
$audio.id = "audio"
|
34
|
48
|
$audio.class = "audio"
|
35
|
49
|
$audio.loop = true
|
36
|
50
|
$audio.volume = 0.5
|
|
51
|
+
|
37
|
52
|
document.body.appendChild($musci)
|
38
|
53
|
document.body.appendChild($audio)
|
|
54
|
+ // document.getElementById('mainPage').appendChild($musci)
|
|
55
|
+ // document.getElementById('mainPage').appendChild($audio)
|
39
|
56
|
|
40
|
57
|
$audio.addEventListener('play', play, false)
|
41
|
58
|
$audio.addEventListener('pause', pause, false)
|