File tree Expand file tree Collapse file tree 1 file changed +23
-13
lines changed Expand file tree Collapse file tree 1 file changed +23
-13
lines changed Original file line number Diff line number Diff line change 4
4
< meta charset ="UTF-8 ">
5
5
< title > Audio player HTML5</ title >
6
6
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7
-
8
-
9
-
10
- < link rel ="stylesheet " href ="css/style.css ">
11
7
12
-
13
-
14
-
8
+ < link rel ="stylesheet " href ="css/style.css ">
9
+
15
10
</ head >
16
11
17
12
< body >
18
13
19
- <!-- Audio player -->
14
+ <!-- Audio player div begin -->
20
15
< div class ="ap " id ="ap ">
21
16
< div class ="ap-inner ">
22
17
< div class ="ap-panel ">
94
89
</ div >
95
90
</ div >
96
91
</ div >
97
-
98
- < script src ="js/index.js "> </ script >
92
+ <!-- Audio player div end-->
93
+
94
+ <!-- Audio player js begin-->
95
+ < script src ="js/AudioPlayer.js "> </ script >
96
+
97
+ < script >
98
+ // test image for web notifications
99
+ var iconImage = null ;
100
+
101
+ AP . init ( {
102
+ volume : 0.7 ,
103
+ autoPlay : true ,
104
+ notification : false ,
105
+ playList : [
106
+ { 'icon' : iconImage , 'title' : 'Try Everything' , 'file' : 'mp3/try-everything.mp3' } ,
107
+ { 'icon' : iconImage , 'title' : 'Let It Go' , 'file' : 'http://blog.tianqi.at/html5-audio-player/mp3/let-it-go.mp3' }
108
+ ]
109
+ } ) ;
110
+ </ script >
111
+ <!-- Audio player js end-->
99
112
100
-
101
-
102
-
103
113
</ body >
104
114
</ html >
You can’t perform that action at this time.
0 commit comments