├── .gitignore
├── .npmignore
├── package.json
├── license.md
├── gulpfile.js
├── src
    ├── jouele.skin.css
    └── jouele.css
├── dist
    ├── jouele.min.css
    └── jouele.min.js
└── readme.md


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/
3 | node_modules/
4 | mp3/
5 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/
3 | .gitignore
4 | gulpfile.js
5 | node_modules/
6 | mp3/
7 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ilyabirman-jouele",
 3 |   "description": "A simple and beautiful audio player for the web",
 4 |   "version": "3.0.7-beta",
 5 |   "repository": {
 6 |     "type": "git",
 7 |     "url": "https://github.com/ilyabirman/Jouele.git"
 8 |   },
 9 |   "license": "MIT",
10 |   "author": {
11 |     "name": "Ilya Birman",
12 |     "email": "ilyabirman@ilyabirman.ru",
13 |     "url": "https://ilyabirman.ru"
14 |   },
15 |   "contributors": [
16 |     {
17 |       "name": "Evgeniy Lazarev",
18 |       "email": "me@lazarev.me",
19 |       "url": "https://lazarev.me"
20 |     }
21 |   ],
22 |   "main": "dist/jouele.min.js",
23 |   "style": "dist/jouele.min.css",
24 |   "dependencies": {
25 |     "howler": "2.0.15"
26 |   },
27 |   "peerDependencies": {
28 |     "jquery": "3.x"
29 |   },
30 |   "devDependencies": {
31 |     "gulp": "^4.0.2",
32 |     "gulp-clean-css": "^4.2.0",
33 |     "gulp-concat": "^2.6.1",
34 |     "gulp-concat-css": "^3.1.0",
35 |     "gulp-uglify": "^3.0.2"
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/license.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Ilya Birman
 4 | Copyright (c) 2015 Evgeniy Lazarev
 5 | 
 6 | Permission is hereby granted, free of charge, to any person obtaining a copy
 7 | of this software and associated documentation files (the "Software"), to deal
 8 | in the Software without restriction, including without limitation the rights
 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 | 
13 | The above copyright notice and this permission notice shall be included in all
14 | copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 | SOFTWARE.
23 | 


--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
 1 | var gulp = require('gulp');
 2 | var fs = require('fs');
 3 | var path = require('path');
 4 | 
 5 | var cleanCss = require('gulp-clean-css');
 6 | var concat = require("gulp-concat");
 7 | var concatCss = require('gulp-concat-css');
 8 | var uglify = require('gulp-uglify');
 9 | 
10 | gulp.task('patch-howler', function (done) {
11 |     var howlerPath = path.join(__dirname, 'node_modules/howler/src/howler.core.js');
12 |     var content = fs.readFileSync(howlerPath, 'utf8');
13 |     
14 |     // Patch Opera browser version regex: /OPR\/([0-6].)/ → /OPR\/(\d+)/
15 |     // Simple string replacement - replace ([0-6].) with (\d+)
16 |     var patchedContent = content.replace('([0-6].)', '(\\d+)');
17 |     
18 |     if (content === patchedContent) {
19 |         console.warn('Warning: Howler.js patch was not applied. The file may have already been patched or the pattern changed.');
20 |     }
21 |     
22 |     fs.writeFileSync(howlerPath, patchedContent, 'utf8');
23 |     done();
24 | });
25 | 
26 | gulp.task('minify-css', function () {
27 |     return gulp.src('src/*.css')
28 |             .pipe(concatCss('dist/jouele.min.css'))
29 |             .pipe(cleanCss({compatibility: 'ie8'}))
30 |             .pipe(gulp.dest('./'))
31 | });
32 | gulp.task('uglify-js', gulp.series('patch-howler', function() {
33 |     return gulp.src(['node_modules/howler/src/howler.core.js', 'src/jouele.js'])
34 |             .pipe(concat('jouele.min.js'))
35 |             .pipe(uglify())
36 |             .pipe(gulp.dest('dist'))
37 | }));
38 | gulp.task('default', gulp.parallel('minify-css', 'uglify-js'));
39 | 


--------------------------------------------------------------------------------
/src/jouele.skin.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Make a skin for your page using this pattern.
 3 |     Change "dark" on your preferred skin name and use option "skin" when init Jouele (see documentation).
 4 | */
 5 | 
 6 | .jouele-skin-dark .jouele-progress-line-bar_base:after { /* Control 'timeline' */
 7 |     background-color: #bfbfbf;
 8 | }
 9 | .jouele-skin-dark .jouele-progress-line-bar_play:after { /* Control 'elapsed' */
10 |     background-color: currentColor;
11 | }
12 | .jouele-skin-dark .jouele-progress-line-bar_play.jouele-is-playing:after { /* Control 'elapsed' when playing */
13 |     background-color: #f59331;
14 | }
15 | .jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-bar_play:after { /* Control 'elapsed' on hover */
16 |     background-color: #d04000;
17 | }
18 | .jouele-skin-dark .jouele-progress-line-lift { /* Control 'position' */
19 |     background-color: currentColor;
20 | }
21 | .jouele-skin-dark .jouele-progress-line-lift.jouele-is-playing { /* Control 'position' when playing */
22 |     background-color: #f59331;
23 | }
24 | .jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift { /* Control 'position' on hover */
25 |     background-color: #d04000;
26 | }
27 | .jouele-skin-dark .jouele-progress-line-lift:before { /* Preloader animation in control 'position' */
28 |     border-color: currentColor;
29 | }
30 | .jouele-skin-dark .jouele-progress-line-lift.jouele-is-playing:before { /* Preloader animation in control 'position' when playing */
31 |     border-color: #f59331;
32 | }
33 | .jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift:before { /* Preloader animation in control 'position' on hover */
34 |     border-color: #d04000;
35 | }
36 | 
37 | .jouele-skin-dark .jouele-info-control-button-icon_unavailable .jouele-svg-color,
38 | .jouele-skin-dark .jouele-info-control-button-icon_play .jouele-svg-color { /* Control 'play-pause' */
39 |     fill: currentColor;
40 | }
41 | .jouele-skin-dark .jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color { /* Control 'play-pause' when playing */
42 |     fill: #f59331;
43 | }
44 | .jouele-skin-dark .jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color { /* Control 'play-pause' on hover */
45 |     fill: #d04000;
46 | }
47 | .jouele-skin-dark .jouele-info-time { /* Control 'time-elapsed' and 'time-total' */
48 |     color: inherit;
49 | }
50 | 


--------------------------------------------------------------------------------
/dist/jouele.min.css:
--------------------------------------------------------------------------------
1 | .jouele.jouele_inited{display:block;position:relative;line-height:1.15}.jouele-progress{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele-progress-line{position:relative;height:.8em}.jouele-progress-line.jouele-is-available{cursor:pointer}.jouele-progress-line-bar_base,.jouele-progress-line-bar_play{position:absolute;top:0;left:0;height:100%;box-sizing:border-box}.jouele-progress-line-bar_play{top:0;left:0}.jouele-progress-line-bar_base{width:100%}.jouele-progress-line-bar_play.jouele-is-unavailable{display:none}.jouele-progress-line.jouele-is-available .jouele-progress-line-bar_play{cursor:pointer}.jouele-progress-line-bar_base:after,.jouele-progress-line-bar_play:after{content:'';position:absolute;top:50%;left:0;right:0;height:1px}.jouele-progress-line-bar_base:after{background-color:#bfbfbf}.jouele-progress-line-bar_play:after{background-color:#000;transition:background-color .16s linear}.jouele-progress-line-bar_play.jouele-is-playing:after{background-color:#f59331}.jouele-progress-line:hover .jouele-progress-line-bar_play:after{background-color:#d04000;transition:none}.jouele-progress-line-lift{left:0;top:50%;width:5px;height:5px;margin:-2px 0 0;border-radius:50%;background-color:#000;position:absolute;transition:width .16s linear,height .16s linear,margin .16s linear,background-color .16s linear}.jouele-progress-line-lift.jouele-is-playing{background-color:#f59331}.jouele-progress-line-lift.jouele-is-unavailable{display:none}.jouele-progress-line.jouele-is-available .jouele-progress-line-lift{cursor:pointer}.jouele-progress-line:hover .jouele-progress-line-lift{background-color:#d04000;width:7px;height:7px;margin-top:-3px;margin-left:-1px;transition:none}.jouele-progress-line-lift:before{content:'';width:100%;height:100%;padding:2px;display:block;font-size:0;position:absolute;left:-3px;top:-3px;border:1px solid #000;border-radius:50%;transition:border-color .16s linear,opacity .16s linear;-webkit-animation:preloader-animate .75s ease infinite;-moz-animation:preloader-animate .75s ease infinite;-o-animation:preloader-animate .75s ease infinite;animation:preloader-animate .75s ease infinite;display:none\0/;opacity:0}.jouele-progress-line-lift.jouele-is-buffering:before{opacity:1;display:block\0/}.jouele-progress-line-lift.jouele-is-playing:before{border-color:#f59331}.jouele-progress-line:hover .jouele-progress-line-lift:before{border-color:#d04000;transition:none}@-webkit-keyframes preloader-animate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes preloader-animate{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes preloader-animate{0%{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(1.2);transform:scale(1.2)}100%{-o-transform:scale(1);transform:scale(1)}}@keyframes preloader-animate{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.jouele-info{position:relative;overflow:hidden;padding:0 0 .2em;margin:0 0 0 -.3em;z-index:1}.jouele-info-control{overflow:hidden;font-size:1em;line-height:1}.jouele-info-control *{line-height:1}.jouele-info-control-button{float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele-info-control-link{cursor:pointer;padding:0!important;margin:0!important;background:0 0!important;display:block!important;text-decoration:none!important;border:0!important;color:currentColor!important}.jouele-info-control-button-icon{display:none}.jouele-info-control-button-icon_unavailable{display:block}.jouele-info-control-button-icon_play.jouele-is-available{display:block}.jouele-svg{vertical-align:middle;width:1.15em;height:1.15em}.jouele-svg-color{transition:fill .16s linear}.jouele-info-control-button-icon_play .jouele-svg-color,.jouele-info-control-button-icon_unavailable .jouele-svg-color{fill:#000}.jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color{fill:#f59331}.jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color{fill:#d04000;transition:none}.jouele-info-control-text{line-height:1.15!important;padding:0 2em 0 0;overflow:hidden;word-wrap:break-word;white-space:normal}.jouele-info-time{float:right;font-size:.8em;line-height:1.4375!important;color:#606060;text-align:right;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele-info-time__current{float:left;margin-right:.65em}.jouele-info-time__total{float:right}.jouele-info-time__current.jouele-is-unavailable,.jouele-info-time__total.jouele-is-unavailable{display:none}.jouele_timeline_hide .jouele-progress-line{margin-top:-.8em;display:none\0/;opacity:0;transition:opacity .33s ease-out,margin-top .33s ease-out}.jouele_timeline_hide .jouele-progress-line.jouele-is-playing{margin-top:0;opacity:1;display:block\0/}.jouele-hidden{display:none!important}.jouele-skin-dark .jouele-progress-line-bar_base:after{background-color:#bfbfbf}.jouele-skin-dark .jouele-progress-line-bar_play:after{background-color:currentColor}.jouele-skin-dark .jouele-progress-line-bar_play.jouele-is-playing:after{background-color:#f59331}.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-bar_play:after{background-color:#d04000}.jouele-skin-dark .jouele-progress-line-lift{background-color:currentColor}.jouele-skin-dark .jouele-progress-line-lift.jouele-is-playing{background-color:#f59331}.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift{background-color:#d04000}.jouele-skin-dark .jouele-progress-line-lift:before{border-color:currentColor}.jouele-skin-dark .jouele-progress-line-lift.jouele-is-playing:before{border-color:#f59331}.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift:before{border-color:#d04000}.jouele-skin-dark .jouele-info-control-button-icon_play .jouele-svg-color,.jouele-skin-dark .jouele-info-control-button-icon_unavailable .jouele-svg-color{fill:currentColor}.jouele-skin-dark .jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color{fill:#f59331}.jouele-skin-dark .jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color{fill:#d04000}.jouele-skin-dark .jouele-info-time{color:inherit}


--------------------------------------------------------------------------------
/src/jouele.css:
--------------------------------------------------------------------------------
  1 | .jouele.jouele_inited {
  2 |     display: block;
  3 |     position: relative;
  4 |     line-height: 1.15;
  5 | }
  6 | 
  7 | .jouele-progress {
  8 |     position: relative;
  9 |     -webkit-user-select: none;
 10 |     -moz-user-select: none;
 11 |     -ms-user-select: none;
 12 |     user-select: none;
 13 | }
 14 | 
 15 | .jouele-progress-line {
 16 |     position: relative;
 17 |     height: 0.8em;
 18 | }
 19 | .jouele-progress-line.jouele-is-available {
 20 |     cursor: pointer;
 21 | }
 22 | 
 23 | .jouele-progress-line-bar_base,
 24 | .jouele-progress-line-bar_play {
 25 |     position: absolute;
 26 |     top: 0;
 27 |     left: 0;
 28 |     height: 100%;
 29 |     box-sizing: border-box;
 30 | }
 31 | .jouele-progress-line-bar_play {
 32 |     top: 0;
 33 |     left: 0;
 34 | }
 35 | .jouele-progress-line-bar_base {
 36 |     width: 100%;
 37 | }
 38 | .jouele-progress-line-bar_play.jouele-is-unavailable {
 39 |     display: none;
 40 | }
 41 | .jouele-progress-line.jouele-is-available .jouele-progress-line-bar_play {
 42 |     cursor: pointer;
 43 | }
 44 | 
 45 | .jouele-progress-line-bar_base:after,
 46 | .jouele-progress-line-bar_play:after {
 47 |     content: '';
 48 |     position: absolute;
 49 |     top: 50%;
 50 |     left: 0;
 51 |     right: 0;
 52 |     height: 1px;
 53 | }
 54 | .jouele-progress-line-bar_base:after {
 55 |     background-color: #bfbfbf;
 56 | }
 57 | .jouele-progress-line-bar_play:after {
 58 |     background-color: #000;
 59 |     transition: background-color 0.16s linear;
 60 | }
 61 | .jouele-progress-line-bar_play.jouele-is-playing:after {
 62 |     background-color: #f59331;
 63 | }
 64 | .jouele-progress-line:hover .jouele-progress-line-bar_play:after {
 65 |     background-color: #d04000;
 66 |     transition: none;
 67 | }
 68 | 
 69 | .jouele-progress-line-lift {
 70 |     left: 0;
 71 |     top: 50%;
 72 |     width: 5px;
 73 |     height: 5px;
 74 |     margin: -2px 0 0;
 75 |     border-radius: 50%;
 76 |     background-color: #000;
 77 |     position: absolute;
 78 |     transition: width 0.16s linear, height 0.16s linear, margin 0.16s linear, background-color 0.16s linear;
 79 | }
 80 | .jouele-progress-line-lift.jouele-is-playing {
 81 |     background-color: #f59331;
 82 | }
 83 | .jouele-progress-line-lift.jouele-is-unavailable {
 84 |     display: none;
 85 | }
 86 | .jouele-progress-line.jouele-is-available .jouele-progress-line-lift {
 87 |     cursor: pointer;
 88 | }
 89 | .jouele-progress-line:hover .jouele-progress-line-lift {
 90 |     background-color: #d04000;
 91 |     width: 7px;
 92 |     height: 7px;
 93 |     margin-top: -3px;
 94 |     margin-left: -1px;
 95 |     transition: none;
 96 | }
 97 | 
 98 | .jouele-progress-line-lift:before {
 99 |     content: '';
100 |     width: 100%;
101 |     height: 100%;
102 |     padding: 2px;
103 |     display: block;
104 |     font-size: 0;
105 |     position: absolute;
106 |     left: -3px;
107 |     top: -3px;
108 |     border: 1px solid #000;
109 |     border-radius: 50%;
110 |     transition: border-color 0.16s linear, opacity 0.16s linear;
111 |     -webkit-animation: preloader-animate .75s ease infinite;
112 |     -moz-animation: preloader-animate .75s ease infinite;
113 |     -o-animation: preloader-animate .75s ease infinite;
114 |     animation: preloader-animate .75s ease infinite;
115 |     display: none\0/; /* IE 8 */
116 |     opacity: 0;
117 | }
118 | .jouele-progress-line-lift.jouele-is-buffering:before {
119 |     opacity: 1;
120 |     display: block\0/; /* IE 8 */
121 | }
122 | .jouele-progress-line-lift.jouele-is-playing:before {
123 |     border-color: #f59331;
124 | }
125 | .jouele-progress-line:hover .jouele-progress-line-lift:before {
126 |     border-color: #d04000;
127 |     transition: none;
128 | }
129 | @-webkit-keyframes preloader-animate {
130 |     0% {
131 |         -webkit-transform: scale(1);
132 |         transform: scale(1);
133 |     }
134 |     50% {
135 |         -webkit-transform: scale(1.2);
136 |         transform: scale(1.2);
137 |     }
138 |     100% {
139 |         -webkit-transform: scale(1);
140 |         transform: scale(1);
141 |     }
142 | }
143 | @-moz-keyframes preloader-animate {
144 |     0% {
145 |         -moz-transform: scale(1);
146 |         transform: scale(1);
147 |     }
148 |     50% {
149 |         -moz-transform: scale(1.2);
150 |         transform: scale(1.2);
151 |     }
152 |     100% {
153 |         -moz-transform: scale(1);
154 |         transform: scale(1);
155 |     }
156 | }
157 | @-o-keyframes preloader-animate {
158 |     0% {
159 |         -o-transform: scale(1);
160 |         transform: scale(1);
161 |     }
162 |     50% {
163 |         -o-transform: scale(1.2);
164 |         transform: scale(1.2);
165 |     }
166 |     100% {
167 |         -o-transform: scale(1);
168 |         transform: scale(1);
169 |     }
170 | }
171 | @keyframes preloader-animate {
172 |     0% {
173 |         -webkit-transform: scale(1);
174 |         -moz-transform: scale(1);
175 |         -o-transform: scale(1);
176 |         transform: scale(1);
177 |     }
178 |     50% {
179 |         -webkit-transform: scale(1.2);
180 |         -moz-transform: scale(1.2);
181 |         -o-transform: scale(1.2);
182 |         transform: scale(1.2);
183 |     }
184 |     100% {
185 |         -webkit-transform: scale(1);
186 |         -moz-transform: scale(1);
187 |         -o-transform: scale(1);
188 |         transform: scale(1);
189 |     }
190 | }
191 | 
192 | 
193 | .jouele-info {
194 |     position: relative;
195 |     overflow: hidden;
196 |     padding: 0 0 0.2em;
197 |     margin: 0 0 0 -0.3em;
198 |     z-index: 1;
199 | }
200 | 
201 | .jouele-info-control {
202 |     overflow: hidden;
203 |     font-size: 1em;
204 |     line-height: 1;
205 | }
206 | .jouele-info-control * {
207 |     line-height: 1;
208 | }
209 | 
210 | .jouele-info-control-button {
211 |     float: left;
212 |     -webkit-user-select: none;
213 |     -moz-user-select: none;
214 |     -ms-user-select: none;
215 |     user-select: none;
216 | }
217 | .jouele-info-control-link {
218 |     cursor: pointer;
219 |     /* Перекрываем все возможные каскады на сайте */
220 |     padding: 0 !important;
221 |     margin: 0 !important;
222 |     background: transparent !important;
223 |     display: block !important;
224 |     text-decoration: none !important;
225 |     border: 0 !important;
226 |     color: currentColor !important;
227 | }
228 | .jouele-info-control-button-icon {
229 |     display: none;
230 | }
231 | .jouele-info-control-button-icon_unavailable {
232 |     display: block;
233 | }
234 | .jouele-info-control-button-icon_play.jouele-is-available {
235 |     display: block;
236 | }
237 | .jouele-svg {
238 |     vertical-align: middle;
239 |     width: 1.15em;
240 |     height: 1.15em;
241 | }
242 | .jouele-svg-color {
243 |     transition: fill 0.16s linear;
244 | }
245 | .jouele-info-control-button-icon_unavailable .jouele-svg-color,
246 | .jouele-info-control-button-icon_play .jouele-svg-color {
247 |     fill: #000;
248 | }
249 | .jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color {
250 |     fill: #f59331;
251 | }
252 | .jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color {
253 |     fill: #d04000;
254 |     transition: none;
255 | }
256 | .jouele-info-control-text {
257 |     line-height: 1.15 !important; /* Перекрываем все возможные каскады на сайте */
258 |     padding: 0 2em 0 0;
259 |     overflow: hidden;
260 |     word-wrap: break-word;
261 |     white-space: normal;
262 | }
263 | 
264 | .jouele-info-time {
265 |     float: right;
266 |     font-size: 0.8em;
267 |     line-height: 1.4375 !important; /* Перекрываем все возможные каскады на сайте */
268 |     color: #606060;
269 |     text-align: right;
270 |     white-space: nowrap;
271 |     -webkit-user-select: none;
272 |     -moz-user-select: none;
273 |     -ms-user-select: none;
274 |     user-select: none;
275 | }
276 | 
277 | .jouele-info-time__current {
278 |     float: left;
279 |     margin-right: .65em;
280 | }
281 | 
282 | .jouele-info-time__total {
283 |     float: right;
284 | }
285 | 
286 | .jouele-info-time__current.jouele-is-unavailable,
287 | .jouele-info-time__total.jouele-is-unavailable {
288 |     display: none;
289 | }
290 | 
291 | .jouele_timeline_hide .jouele-progress-line {
292 |     margin-top: -0.8em;
293 |     display: none\0/; /* IE 8 */
294 |     opacity: 0;
295 |     transition: opacity 0.33s ease-out, margin-top 0.33s ease-out;
296 | }
297 | 
298 | .jouele_timeline_hide .jouele-progress-line.jouele-is-playing {
299 |     margin-top: 0;
300 |     opacity: 1;
301 |     display: block\0/; /* IE 8 */
302 | }
303 | 
304 | .jouele-hidden {
305 |     display: none !important;
306 | }
307 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
  1 | # Жуэль
  2 | [Жуэль](http://ilyabirman.ru/projects/jouele/) — простой и красивый плеер для веба.
  3 | 
  4 | ## Простое подключение
  5 | ```html
  6 | <!-- Подключите на страницу jQuery, необходимый для работы Жуэля (должно работать практически с любой версией jQuery) -->
  7 | <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  8 | 
  9 | <!-- Подключите Жуэль: JS и CSS -->
 10 | <script src="jouele.min.js"></script>
 11 | <link href="jouele.min.css" rel="stylesheet"/>
 12 | ```
 13 | <sub>Минифицированный файл [`jouele.min.js`](dist/jouele.min.js) уже содержит в себе необходимый для работы Жуэля howler.js, так что вам не нужно подключать его отдельно. Если вы используете неминифицированный [`jouele.js`](src/jouele.js), подключите [howler.core.js v2.0.15](https://github.com/goldfire/howler.js/blob/v2.0.15/src/howler.core.js) до Жуэля.  
 14 | Если вы хотите подключить неминифицированный файл стилей, подключите [`jouele.css`](src/jouele.css) и [`jouele.skin.css`](src/jouele.skin.css).</sub>
 15 | 
 16 | ## Простое использование (автоматическая инициализация)
 17 | Каждая ссылка с классом `jouele` превратится в плеер МП3-файла, на который она ведёт
 18 | ```html
 19 | <a href="Ilya_Birman_-_News.mp3" class="jouele">Ilya Birman: News</a>
 20 | ```
 21 | 
 22 | Каждый элемент с классом `jouele-control` превратится в контрол МП3-файла: какого-то конкретного (при установке `data-href`) или того, который играет сейчас («глобальный контрол»):
 23 | ```html
 24 | <span class="jouele-control" data-type="play-pause" data-href="Ilya_Birman_-_News.mp3">Play/pause</span>
 25 | <span class="jouele-control" data-type="play-pause">Play/pause</span>
 26 | ```
 27 | 
 28 | ### Плейлисты, управление пробелом, расцветки, элементы управления
 29 | Управляется декларативным АПИ: [https://ilyabirman.ru/projects/jouele/documentation/]
 30 | 
 31 | ## Расширенные возможности
 32 | 
 33 | ### Доступно в npm
 34 | `npm install ilyabirman-jouele`
 35 | 
 36 | ### Ручная инициализация
 37 | Любая ссылка вида `<a href="song.mp3" class="jouele" id="music-item">` может быть превращена в плеер:
 38 | ```javascript
 39 | $("#music-item").jouele()
 40 | ```
 41 | <sub>Даже для ручной инициализации класс `jouele` должен быть у ссылки.</sub>  
 42 | 
 43 | Любой элемент вида `<span class="jouele-control" id="music-control">` может быть превращён в контрол:
 44 | ```javascript
 45 | $("#music-control").jouele()
 46 | ```
 47 | <sub>Даже для ручной инициализации класс `jouele-control` должен быть у элемента.</sub>
 48 | 
 49 | ### Глобальный объект `$.Jouele`
 50 | 
 51 | #### `$.Jouele.tracks`
 52 | Тип: `Array`  
 53 | Список всех треков (МП3-файлов), инциализированных Жуэлем на странице (к одному треку может быть привязано несколько плееров и/или контролов).
 54 | #### `$.Jouele.playlist`
 55 | Тип: `Array`  
 56 | Массив со всеми плейлистами, созданными из плееров и контролов на странице.
 57 | #### `$.Jouele.history`
 58 | Тип: `Array`  
 59 | История воспроизведения треков. В историю кладутся объекты [JoueleInstance](#jouele-instance-и-api).
 60 | #### `$.Jouele.controls`
 61 | Тип: `Object`  
 62 | Объект со всеми «глобальными» контролами (то есть, теми контролами, у которых не указан `data-href`).
 63 | #### `$.Jouele.options`
 64 | Тип: `Object`  
 65 | Объект с глобальными опциями `pauseOnSpace`, `playOnSpace`, `scrollOnSpace`.  
 66 | Можно вручную установить `true` или `false` у каждой опции, чтобы мгновенно изменить [поведение пробела на странице](#для-обработки-нажатия-пробела-на-странице).
 67 | #### `$.Jouele.helpers.formatTime(seconds)`
 68 | Тип: `Function`  
 69 | Возвращает: `String`  
 70 | Возвращает строку вида "2:30", полученную из количества секунд (`seconds`, тип `Number`)
 71 | #### `$.Jouele.helpers.makeSeconds(time_string)`
 72 | Тип: `Function`  
 73 | Возвращает: `Number`  
 74 | Возвращает число секунд, полученное из строки вида "2:30" (`time_string`, тип `String`).
 75 | #### `$.Jouele.version`
 76 | Тип: `String`  
 77 | Версия Жуэля.
 78 | 
 79 | ### Опции
 80 | Могут быть установлены через data-атрибуты у DOM-элемента, а также (если не указано обратное) через вызов метода setOptions (см. ниже).
 81 | 
 82 | #### Для обработки нажатия пробела на странице
 83 | Эти опции можно в том числе менять напрямую в [`$.Jouele.options`](#joueleoptions).  
 84 | Любую из этих опции достаточно установить на любом одном плейлисте, плеере или контроле, чтобы она подействовала на всю страницу.
 85 | 
 86 | #### `scrollOnSpace`
 87 | Тип: `Boolean`  
 88 | По умолчанию: `true`  
 89 | Определяет, будет ли страница вести себя стандартно при нажатии пробела — скроллить контент на один экран вниз.  
 90 | По умолчанию Жуэль не изменяет стандартное поведение пробела в браузере. При установке `false` нажатие пробела будет перехвачено Жуэлем, событие будет обработано методом `preventDefault` — страница перестанет скроллиться.
 91 | 
 92 | #### `playOnSpace`
 93 | Тип: `Boolean`  
 94 | По умолчанию: `false`  
 95 | Определяет, будет ли Жуэль запускать воспроизведение трека по нажатию пробела.  
 96 | При установке `true` нажатие пробела будет перехвачено Жуэлем, и будет воспроизведён первый доступный трек (последний игравший до этого или первый на странице).
 97 | 
 98 | #### `pauseOnSpace`
 99 | Тип: `Boolean`  
100 | По умолчанию: `false`  
101 | Определяет, будет ли Жуэль останавливать воспроизведение трека по нажатию пробела.  
102 | При установке `true` нажатие пробела будет перехвачено Жуэлем, и воспроизведение играющего трека будет остановлено.
103 | 
104 | #### `spaceControl`
105 | Тип: `Boolean`  
106 | По умолчанию: `false`  
107 | Короткий вариант для трёх предыдущих опций.  
108 | В случае `spaceControl: false` устанавливаются следующие значения: `scrollOnSpace = true`, `playOnSpace = false`, `pauseOnSpace = false`.  
109 | В случае `spaceControl: true` устанавливаются следующие значения: `scrollOnSpace = false`, `playOnSpace = true`, `pauseOnSpace = true`.
110 | 
111 | #### Для плееров, контролов и плейлистов
112 | 
113 | ##### `repeat`
114 | Тип: `Boolean`  
115 | Определяет, будет ли плейлист или трек автоматически играть заново после окончания.
116 | ```html
117 | <a href="song.mp3" class="jouele" data-repeat="true">
118 | ```
119 | ```html
120 | <span class="jouele-control" data-href="song.mp3" data-repeat="true">
121 | ```
122 | ```html
123 | <div class="jouele-playlist" data-repeat="true">
124 | ```
125 | ```javascript
126 | JoueleInstance.setOptions({ repeat: true })
127 | ```
128 | 
129 | #### Для плееров и плейлистов
130 | 
131 | ##### `skin`
132 | Тип: `String`  
133 | Добавляет к плееру класс вида `jouele-skin-{{skin}}`, где `{{skin}}` — определённое этой опцией имя скина.  
134 | Если добавить скин к плейлисту, все экземпляры плеера внутри плейлиста будут выглядеть так, как если бы у каждого из них был определён такой скин.  
135 | Установка скина имеет смысл только если к странице будет подключен дополнительный CSS со стилями для этого скина. Составить такой CSS можно на основе приложенного [`jouele.skin.css`](src/jouele.skin.css). Скопируйте файл, переименуйте его в `jouele.skin-{{skin}}.css` и все селекторы в нём на `jouele-skin-{{skin}}`, измените цвета на свой вкус, сохраните файл и подключите его после основного CSS-файла Жуэля.
136 | ```html
137 | <a href="song.mp3" class="jouele" data-skin="blue">
138 | ```
139 | ```html
140 | <div class="jouele-playlist" data-skin="blue">
141 | ```
142 | ```javascript
143 | JoueleInstance.setOptions({ skin: "blue" })
144 | ```
145 | Пример CSS для скина `blue`:
146 | ```css
147 | .jouele-skin-blue .jouele-progress-line-bar_base:after { background-color: #00f; }
148 | ```
149 | 
150 | #### Для плееров и контролов
151 | 
152 | ##### `length`
153 | Тип: `String` или `Number`  
154 | Продолжительность трека. Может быть строкой вида `"2:30"` (что означает 2 минуты 30 секунд) или числом вида `150` (что означает 150 секунд).  
155 | Имеет смысл в случае, если вы хотите показывать продолжительность трека ещё до того, как он будет загружен.  
156 | Если после загрузки трека окажется, что продолжительность не совпадает с заявленной, значение будет изменено на актуальное.
157 | ```html
158 | <a href="song.mp3" class="jouele" data-length="2:30">
159 | ```
160 | ```html
161 | <span class="jouele-control" data-href="song.mp3" data-length="2:30">
162 | ```
163 | ```javascript
164 | JoueleInstance.setOptions({ length: 150 })
165 | ```
166 | 
167 | ##### `title`
168 | Тип: `String`  
169 | Название трека. Будет отображено во всех контролах типа `"title"`.  
170 | Если у трека есть плеер, то в `title` будет установлено содержимое тега `<a>`, из которого был создан плеер.
171 | ```html
172 | <a href="song.mp3" class="jouele">Song</a>
173 | ```
174 | ```html
175 | <span class="jouele-control" data-href="song.mp3" data-title="Song">
176 | ```
177 | ```javascript
178 | JoueleInstance.setOptions({ title: "Song" })
179 | ```
180 | 
181 | #### Для плееров
182 | 
183 | ##### `hideTimelineOnPause`
184 | Тип: `Boolean`  
185 | По умолчанию: `false`  
186 | Установка свойства в `true` меняет визуальное поведение плеера — он скрывает таймлайн, если трек не играет. Это обеспечивается добавлением специального класса `jouele_timeline_hide` к DOM-элементу плеера `.jouele`.
187 | ```html
188 | <a href="song.mp3" class="jouele" data-hide-timeline-on-pause="true">
189 | ```
190 | 
191 | #### Для контролов
192 | 
193 | ##### `href`
194 | Тип: `String`  
195 | Ссылка на mp3-файл, который будет воспроизводиться Жуэлем. Не может быть установлен через `setOptions`.
196 | ```html
197 | <span class="jouele-control" data-href="song.mp3">
198 | ```
199 | 
200 | ### `Jouele` instance и API
201 | Экземпляр типа `Jouele` можно получить разными способами. Независимо от способа получения, экземпляр `Jouele` (далее `JoueleInstance`) всегда привязан к одному DOM-элементу (плееру или контролу) и всегда обладает одним и тем же API (за исключением «кастомного API», см. ниже).  
202 | Основные способы получить `JoueleInstance`:
203 | - Получить через `$(element).data("jouele")` у нужного DOM-элемента (плеера или контрола)  
204 | Например:
205 | ```javascript
206 | $(".music-tracks").find(".jouele").data("jouele")
207 | ```
208 | ```javascript
209 | $(".music-controls").find(".jouele-control[data-type='play-pause']").data("jouele")
210 | ```
211 | - Взять из [`$.Jouele.playlist`](#joueleplaylist) или [`$.Jouele.history`](#jouelehistory).
212 | 
213 | #### Основное API
214 | 
215 | ##### `JoueleInstance.play()`
216 | Запускает воспроизведение трека.  
217 | Возвращает `JoueleInstance`.
218 | 
219 | ##### `JoueleInstance.pause()`
220 | Останавливает воспроизведение трека (если трек не загрузился до минимально необходимого для воспроизведения уровня, он продолжит загружаться в фоне).  
221 | Возвращает `JoueleInstance`.
222 | 
223 | ##### `JoueleInstance.playFrom(timestamp)`
224 | Запускает воспроизведение трека с метки `timestamp`, где `timestamp` — строка вида `"2:30"` (что означает 2 минуты 30 секунд) или число вида `150` (что означает 150 секунд).  
225 | Можно использовать, даже если длительность трека неизвестна и/или трек ещё не загружался.  
226 | Возвращает `JoueleInstance`.
227 | 
228 | ##### `JoueleInstance.seek(percent)`
229 | Запускает воспроизведение трека с позиции `percent`, где `percent` — числовое значение в процентах (от 0 до 100).  
230 | Например, `.seek(10)` для трека длительностью 60 секунд запустит воспроизведение с 7-й секунды.  
231 | Можно использовать, даже если длительность трека неизвестна и/или трек ещё не загружался.  
232 | Возвращает `JoueleInstance`.
233 | 
234 | ##### `JoueleInstance.destroy()`
235 | В случае вызова метода на плеере, уничтожает `JoueleInstance`, убирает плеер из плейлиста, уничтожает плеер, ставит на его место ссылку, из которой он был создан. Возвращает DOM-элемент этой ссылки.  
236 | В случае вызова метода на контроле, уничтожает обработчики на контроле, убирает контрол из плейлиста. Возвращает DOM-элемент этого контрола.
237 | 
238 | 
239 | #### Дополнительное API
240 | 
241 | ##### `JoueleInstance.getOptions()`
242 | Возвращает: `Object`  
243 | Возвращает объект опций, применённых к этому `JoueleInstance`.
244 | 
245 | ##### `JoueleInstance.setOptions(new_options)`
246 | Устанавливает новые опции через объект `new_options`.  
247 | Подробнее в разделе [Опции](#опции).
248 | 
249 | ##### `JoueleInstance.getHref()`
250 | Возвращает: `String`  
251 | Возвращает URL трека.
252 | 
253 | ##### `JoueleInstance.getTitle()`
254 | Возвращает: `String`  
255 | Возвращает название трека.
256 | 
257 | ##### `JoueleInstance.getTrack()`
258 | Возвращает: `Object`  
259 | Возвращает объект трека из [`$.Jouele.tracks`](#joueletracks).  
260 | Осторожно, этот объект предназначен для внутренних нужд Жуэля, и любые изменения этого объекта могут повлиять на работоспособность Жуэля.
261 | 
262 | ##### `JoueleInstance.getTotalTime()`
263 | Возвращает: `Number`  
264 | Возвращает продолжительность трека в секундах вида `150` (или `0`, если продолжительность неизвестна).
265 | 
266 | ##### `JoueleInstance.getElapsedTime()`
267 | Возвращает: `Number`  
268 | Возвращает текущее время трека в секундах вида `46` (или `0`, если трек не играл или сломан).
269 | 
270 | ##### `JoueleInstance.getRemainingTime()`
271 | Возвращает: `Number`  
272 | Возвращает оставшееся время трека в секундах вида `104` (или `0`, если продолжительность трека неизвестна).
273 | 
274 | ##### `JoueleInstance.getPlaylistDOM()`
275 | Возвращает: `jQuery-object`  
276 | Возвращает jQuery-объект с DOM-элементом плейлиста, в котором находится этот контрол/плеер (jQuery-объект может быть «пустым», если плейлиста нет).
277 | 
278 | ##### `JoueleInstance.getPlaylist()`
279 | Возвращает: `Array`  
280 | Возвращает ссылку на массив с плейлистом из [`$.Jouele.playlist`](#joueleplaylist), в котором находится этот контрол/плеер.
281 | 
282 | ##### `JoueleInstance.isPlaying()`
283 | Возвращает: `Boolean`  
284 | Показывает, играет ли в данный момент трек (также `true` если трек был запущен, но пока грузится).
285 | 
286 | ##### `JoueleInstance.isPlayed()`
287 | Возвращает: `Boolean`  
288 | Показывает, играл ли когда-либо трек на самом деле (`false` если трек был запущен, но фактически не проигрывался).
289 | 
290 | ##### `JoueleInstance.isPaused()`
291 | Возвращает: `Boolean`  
292 | Показывает, поставлен ли трек на паузу (`false` если трек не был запущен, `true` если был запущен, фактически не проигрывался, но был остановлен).
293 | 
294 | ##### `JoueleInstance.isBroken()`
295 | Возвращает: `Boolean`  
296 | Показывает, был ли трек запущен и определён как «сломанный» (URL недоступен). Если трек «сломан», для него недоступны все остальные методы.
297 | 
298 | #### Кастомное API
299 | 
300 | ##### Доступное для плееров
301 | 
302 | ###### `JoueleInstance.$container`
303 | Содержит: `jQuery-object`  
304 | Содержит jQuery-объект с DOM-элементом плеера `.jouele`.
305 | 
306 | ###### `JoueleInstance.$link`
307 | Содержит: `jQuery-object`  
308 | Содержит jQuery-объект с DOM-элементом ссылки `a`, из которой был создан Жуэль (сама ссылка при инициализации Жуэля убирается из DOM методом `$.detach`).
309 | 
310 | ##### Доступное для контролов
311 | 
312 | ###### `JoueleInstance.$control`
313 | Содержит: `jQuery-object`  
314 | Содержит jQuery-объект с DOM-элементом контрола `.jouele-control`.
315 | 
316 | ##### Доступное для контролов, находящихся внутри плеера (стандартный плеер состоит из обычных контролов)
317 | 
318 | ###### `JoueleInstance.getParentJouele()`
319 | Содержит: `JoueleInstance`  
320 | Содержит JoueleInstance, принадлежащий плееру, в котором этот контрол находится.
321 | 
322 | #### События
323 | Некоторые контролы получают триггеры событий в случаях, когда данные, необходимые для их работы, обновляются. Это происходит при помощи метода `$.trigger()`. Ловить события можно через `$.on()`.  
324 | Некоторые события приносят с собой данные в дополнительном аргументе.
325 | 
326 | ##### `.trigger("jouele:position", position)`
327 | Вызывается на контролах типов `"position"`, `"elapsed"` и `"remaining"`, когда точка воспроизведения трека двигается.  
328 | Свойство `position` типа `Number` соответствует проценту воспроизведённой части трека от его общей длительности (для контролов `"position"` и `"elapsed"`) или проценту оставшейся части трека (для контролов `"remaining"`).
329 | 
330 | ##### `.trigger("jouele:totaltime", time_total)`
331 | Вызывается на контролах типа `"time-total"`, когда обновляются данные о длительности трека.  
332 | Свойство `time_total` типа `Number` содержит длительность трека в секундах вида `150`.
333 | 
334 | ##### `.trigger("jouele:elapsedtime", time_elapsed)`
335 | Вызывается на контролах типа `"time-elapsed"`, когда точка воспроизведения трека двигается или обновляются данные о длительности трека.  
336 | Свойство `time_elapsed` типа `Number` содержит текущее время трека в секундах вида `46`.
337 | 
338 | ##### `.trigger("jouele:remainingtime", time_remaining)`
339 | Вызывается на контролах типа `"time-remaining"`, когда точка воспроизведения трека двигается или обновляются данные о длительности трека.  
340 | Свойство `remaining_time` типа `Number` содержит оставшееся время трека в секундах вида `104`.
341 | 
342 | ##### `.trigger("jouele:rangein")`
343 | Вызывается на контролах типа `"seek"`, когда воспроизведение трека заходит в отрезок, указанный в `"data-range"` у этого контрола.
344 | 
345 | ##### `.trigger("jouele:rangeout")`
346 | Вызывается на контролах типа `"seek"`, когда воспроизведение трека выходит из отрезка, указанного в `"data-range"` у этого контрола.
347 | 
348 | ##### `.trigger("jouele:title")`
349 | Вызывается на контролах типа `"title"`, когда обновляются данные о названии трека. Узнать значение `title` можно через [`JoueleInstance.getTitle()`](#joueleinstancegettitle).
350 | 
351 | #### Коллбэки
352 | У любого трека (к которому может быть привязано сколько угодно плееров и контролов) есть набор событий, вызываемых во время работы. К любому событию можно «прикрепить» собственный коллбэк, который будет вызываться до того, как будет исполнен код Жуэля. Если по какой-либо причине необходимо не исполнять код Жуэля (не рекомендуется!), нужно вернуть в коллбэке значение `false` (строго `Boolean`).
353 | 
354 | ##### Установка коллбэка
355 | ```javascript
356 | JoueleInstance.getTrack().player["callbacks"]["название_коллбэка"] = function() { /* тело функции */ }
357 | ```
358 | 
359 | ##### События, на которые можно «прикрепить» коллбэки
360 | 
361 | ###### `onloaderror`
362 | Ошибка загрузки трека (трек недоступен).  
363 | Стандартное поведение Жуэля на это событие — «ломать» все плееры и контролы, прикреплённые к этому треку.
364 | 
365 | ###### `onload`
366 | Трек загружен и готов к воспроизведению.  
367 | Стандартное поведение Жуэля на это событие — запускать воспроизведение трека, если до этого он не был остановлен.
368 | 
369 | ###### `onplay`
370 | Трек начал воспроизводиться.  
371 | Стандартное поведение Жуэля на это событие — остановка другого играющего трека, изменение интерфейса плеера, запуск движений таймлайна.
372 | 
373 | ###### `onpause`
374 | Воспроизведение трека остановлено.  
375 | Стандартное поведение Жуэля на это событие — отмена движений таймлайна, изменение интерфейса плеера.
376 | 
377 | ###### `onseek`
378 | Трек перемотан на другую позицию.  
379 | Стандартное поведение Жуэля на это событие — перемещение таймлайна и запуск воспроизведения, если необходимо.
380 | 
381 | ###### `onend`
382 | Трек воспроизвёлся до конца.  
383 | Стандартное поведение Жуэля на это событие — переход к следующему треку, если трек находится в плейлисте, или просто остановка воспроизведения.
384 | 
385 | 
386 | ## Титры
387 | - Идея и разработка — [Илья Бирман](https://ilyabirman.ru)
388 | - Разработка — [Евгений Лазарев](https://lazarev.me)
389 | - Работа с аудио — [howler.js](https://github.com/goldfire/howler.js)
390 | 
391 | ## Лицензия
392 | [MIT License](license.md)
393 | 


--------------------------------------------------------------------------------
/dist/jouele.min.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";function e(){this.init()}e.prototype={init:function(){var e=this||h;return e._counter=1e3,e._codecs={},e._howls=[],e._muted=!1,e._volume=1,e._canPlayEvent="canplaythrough",e._navigator="undefined"!=typeof window&&window.navigator?window.navigator:null,e.masterGain=null,e.noAudio=!1,e.usingWebAudio=!0,e.autoSuspend=!0,e.ctx=null,e.mobileAutoEnable=!0,e._setup(),e},volume:function(e){var t=this||h;if(e=parseFloat(e),t.ctx||d(),void 0!==e&&0<=e&&e<=1){if(t._volume=e,t._muted)return t;t.usingWebAudio&&t.masterGain.gain.setValueAtTime(e,h.ctx.currentTime);for(var a=0;a<t._howls.length;a++)if(!t._howls[a]._webAudio)for(var r=t._howls[a]._getSoundIds(),o=0;o<r.length;o++){var n=t._howls[a]._soundById(r[o]);n&&n._node&&(n._node.volume=n._volume*e)}return t}return t._volume},mute:function(e){var t=this||h;t.ctx||d(),t._muted=e,t.usingWebAudio&&t.masterGain.gain.setValueAtTime(e?0:t._volume,h.ctx.currentTime);for(var a=0;a<t._howls.length;a++)if(!t._howls[a]._webAudio)for(var r=t._howls[a]._getSoundIds(),o=0;o<r.length;o++){var n=t._howls[a]._soundById(r[o]);n&&n._node&&(n._node.muted=!!e||n._muted)}return t},unload:function(){for(var e=this||h,t=e._howls.length-1;0<=t;t--)e._howls[t].unload();return e.usingWebAudio&&e.ctx&&void 0!==e.ctx.close&&(e.ctx.close(),e.ctx=null,d()),e},codecs:function(e){return(this||h)._codecs[e.replace(/^x-/,"")]},_setup:function(){var t=this||h;if(t.state=t.ctx&&t.ctx.state||"running",t._autoSuspend(),!t.usingWebAudio)if("undefined"!=typeof Audio)try{void 0===(new Audio).oncanplaythrough&&(t._canPlayEvent="canplay")}catch(e){t.noAudio=!0}else t.noAudio=!0;try{(new Audio).muted&&(t.noAudio=!0)}catch(e){}return t.noAudio||t._setupCodecs(),t},_setupCodecs:function(){var t=this||h,e=null;try{e="undefined"!=typeof Audio?new Audio:null}catch(e){return t}if(!e||"function"!=typeof e.canPlayType)return t;var a=e.canPlayType("audio/mpeg;").replace(/^no$/,""),r=t._navigator&&t._navigator.userAgent.match(/OPR\/(\d+)/g),o=r&&parseInt(r[0].split("/")[1],10)<33;return t._codecs={mp3:!(o||!a&&!e.canPlayType("audio/mp3;").replace(/^no$/,"")),mpeg:!!a,opus:!!e.canPlayType('audio/ogg; codecs="opus"').replace(/^no$/,""),ogg:!!e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),oga:!!e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),wav:!!e.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),aac:!!e.canPlayType("audio/aac;").replace(/^no$/,""),caf:!!e.canPlayType("audio/x-caf;").replace(/^no$/,""),m4a:!!(e.canPlayType("audio/x-m4a;")||e.canPlayType("audio/m4a;")||e.canPlayType("audio/aac;")).replace(/^no$/,""),mp4:!!(e.canPlayType("audio/x-mp4;")||e.canPlayType("audio/mp4;")||e.canPlayType("audio/aac;")).replace(/^no$/,""),weba:!!e.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/,""),webm:!!e.canPlayType('audio/webm; codecs="vorbis"').replace(/^no$/,""),dolby:!!e.canPlayType('audio/mp4; codecs="ec-3"').replace(/^no$/,""),flac:!!(e.canPlayType("audio/x-flac;")||e.canPlayType("audio/flac;")).replace(/^no$/,"")},t},_enableMobileAudio:function(){var a=this||h,e=/iPhone|iPad|iPod|Android|BlackBerry|BB10|Silk|Mobi|Chrome/i.test(a._navigator&&a._navigator.userAgent);if(!a._mobileEnabled&&a.ctx&&e){a._mobileEnabled=!1,a.mobileAutoEnable=!1,a._mobileUnloaded||44100===a.ctx.sampleRate||(a._mobileUnloaded=!0,a.unload()),a._scratchBuffer=a.ctx.createBuffer(1,1,22050);var r=function(e){h._autoResume();var t=a.ctx.createBufferSource();t.buffer=a._scratchBuffer,t.connect(a.ctx.destination),void 0===t.start?t.noteOn(0):t.start(0),"function"==typeof a.ctx.resume&&a.ctx.resume(),t.onended=function(){t.disconnect(0),a._mobileEnabled=!0,document.removeEventListener("touchstart",r,!0),document.removeEventListener("touchend",r,!0),document.removeEventListener("click",r,!0);for(var e=0;e<a._howls.length;e++)a._howls[e]._emit("unlock")}};return document.addEventListener("touchstart",r,!0),document.addEventListener("touchend",r,!0),document.addEventListener("click",r,!0),a}},_autoSuspend:function(){var e=this;if(e.autoSuspend&&e.ctx&&void 0!==e.ctx.suspend&&h.usingWebAudio){for(var t=0;t<e._howls.length;t++)if(e._howls[t]._webAudio)for(var a=0;a<e._howls[t]._sounds.length;a++)if(!e._howls[t]._sounds[a]._paused)return e;return e._suspendTimer&&clearTimeout(e._suspendTimer),e._suspendTimer=setTimeout(function(){e.autoSuspend&&(e._suspendTimer=null,e.state="suspending",e.ctx.suspend().then(function(){e.state="suspended",e._resumeAfterSuspend&&(delete e._resumeAfterSuspend,e._autoResume())}))},3e4),e}},_autoResume:function(){var t=this;if(t.ctx&&void 0!==t.ctx.resume&&h.usingWebAudio)return"running"===t.state&&t._suspendTimer?(clearTimeout(t._suspendTimer),t._suspendTimer=null):"suspended"===t.state?(t.ctx.resume().then(function(){t.state="running";for(var e=0;e<t._howls.length;e++)t._howls[e]._emit("resume")}),t._suspendTimer&&(clearTimeout(t._suspendTimer),t._suspendTimer=null)):"suspending"===t.state&&(t._resumeAfterSuspend=!0),t}};function t(e){e.src&&0!==e.src.length?this.init(e):console.error("An array of source files must be passed with any new Howl.")}var h=new e;t.prototype={init:function(e){var t=this;return h.ctx||d(),t._autoplay=e.autoplay||!1,t._format="string"!=typeof e.format?e.format:[e.format],t._html5=e.html5||!1,t._muted=e.mute||!1,t._loop=e.loop||!1,t._pool=e.pool||5,t._preload="boolean"!=typeof e.preload||e.preload,t._rate=e.rate||1,t._sprite=e.sprite||{},t._src="string"!=typeof e.src?e.src:[e.src],t._volume=void 0!==e.volume?e.volume:1,t._xhrWithCredentials=e.xhrWithCredentials||!1,t._duration=0,t._state="unloaded",t._sounds=[],t._endTimers={},t._queue=[],t._playLock=!1,t._onend=e.onend?[{fn:e.onend}]:[],t._onfade=e.onfade?[{fn:e.onfade}]:[],t._onload=e.onload?[{fn:e.onload}]:[],t._onloaderror=e.onloaderror?[{fn:e.onloaderror}]:[],t._onplayerror=e.onplayerror?[{fn:e.onplayerror}]:[],t._onpause=e.onpause?[{fn:e.onpause}]:[],t._onplay=e.onplay?[{fn:e.onplay}]:[],t._onstop=e.onstop?[{fn:e.onstop}]:[],t._onmute=e.onmute?[{fn:e.onmute}]:[],t._onvolume=e.onvolume?[{fn:e.onvolume}]:[],t._onrate=e.onrate?[{fn:e.onrate}]:[],t._onseek=e.onseek?[{fn:e.onseek}]:[],t._onunlock=e.onunlock?[{fn:e.onunlock}]:[],t._onresume=[],t._webAudio=h.usingWebAudio&&!t._html5,void 0!==h.ctx&&h.ctx&&h.mobileAutoEnable&&h._enableMobileAudio(),h._howls.push(t),t._autoplay&&t._queue.push({event:"play",action:function(){t.play()}}),t._preload&&t.load(),t},load:function(){var e=this,t=null;if(h.noAudio)e._emit("loaderror",null,"No audio support.");else{"string"==typeof e._src&&(e._src=[e._src]);for(var a=0;a<e._src.length;a++){var r,o;if(e._format&&e._format[a])r=e._format[a];else{if("string"!=typeof(o=e._src[a])){e._emit("loaderror",null,"Non-string found in selected audio sources - ignoring.");continue}r=(r=(r=/^data:audio\/([^;,]+);/i.exec(o))||/\.([^.]+)$/.exec(o.split("?",1)[0]))&&r[1].toLowerCase()}if(r||console.warn('No file extension was found. Consider using the "format" property or specify an extension.'),r&&h.codecs(r)){t=e._src[a];break}}if(t)return e._src=t,e._state="loading","https:"===window.location.protocol&&"http:"===t.slice(0,5)&&(e._html5=!0,e._webAudio=!1),new n(e),e._webAudio&&i(e),e;e._emit("loaderror",null,"No codec support for selected audio sources.")}},play:function(t,a){var r=this,e=null;if("number"==typeof t)e=t,t=null;else{if("string"==typeof t&&"loaded"===r._state&&!r._sprite[t])return null;if(void 0===t){t="__default";for(var o=0,n=0;n<r._sounds.length;n++)r._sounds[n]._paused&&!r._sounds[n]._ended&&(o++,e=r._sounds[n]._id);1===o?t=null:e=null}}var l=e?r._soundById(e):r._inactiveSound();if(!l)return null;if(e&&!t&&(t=l._sprite||"__default"),"loaded"!==r._state){l._sprite=t,l._ended=!1;var i=l._id;return r._queue.push({event:"play",action:function(){r.play(i)}}),i}if(e&&!l._paused)return a||r._loadQueue("play"),l._id;r._webAudio&&h._autoResume();var s=Math.max(0,0<l._seek?l._seek:r._sprite[t][0]/1e3),c=Math.max(0,(r._sprite[t][0]+r._sprite[t][1])/1e3-s),u=1e3*c/Math.abs(l._rate);if(l._paused=!1,l._ended=!1,l._sprite=t,l._seek=s,l._start=r._sprite[t][0]/1e3,l._stop=(r._sprite[t][0]+r._sprite[t][1])/1e3,l._loop=!(!l._loop&&!r._sprite[t][2]),!(l._seek>=l._stop)){var d=l._node;if(r._webAudio){var p=function(){r._refreshBuffer(l);var e=l._muted||r._muted?0:l._volume;d.gain.setValueAtTime(e,h.ctx.currentTime),l._playStart=h.ctx.currentTime,void 0===d.bufferSource.start?l._loop?d.bufferSource.noteGrainOn(0,s,86400):d.bufferSource.noteGrainOn(0,s,c):l._loop?d.bufferSource.start(0,s,86400):d.bufferSource.start(0,s,c),u!=1/0&&(r._endTimers[l._id]=setTimeout(r._ended.bind(r,l),u)),a||setTimeout(function(){r._emit("play",l._id)},0)};"running"===h.state?p():(r.once("resume",p),r._clearTimer(l._id))}else{var g=function(){d.currentTime=s,d.muted=l._muted||r._muted||h._muted||d.muted,d.volume=l._volume*h.volume(),d.playbackRate=l._rate;try{var e=d.play();if(e&&"undefined"!=typeof Promise&&(e instanceof Promise||"function"==typeof e.then)?(r._playLock=!0,e.then(function(){r._playLock=!1,a||r._emit("play",l._id)}).catch(function(){r._playLock=!1,r._emit("playerror",l._id,"Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.")})):a||r._emit("play",l._id),d.playbackRate=l._rate,d.paused)return void r._emit("playerror",l._id,"Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.");"__default"!==t||l._loop?r._endTimers[l._id]=setTimeout(r._ended.bind(r,l),u):(r._endTimers[l._id]=function(){r._ended(l),d.removeEventListener("ended",r._endTimers[l._id],!1)},d.addEventListener("ended",r._endTimers[l._id],!1))}catch(e){r._emit("playerror",l._id,e)}},k=window&&window.ejecta||!d.readyState&&h._navigator.isCocoonJS;if(3<=d.readyState||k)g();else{var f=function(){g(),d.removeEventListener(h._canPlayEvent,f,!1)};d.addEventListener(h._canPlayEvent,f,!1),r._clearTimer(l._id)}}return l._id}r._ended(l)},pause:function(e){var t=this;if("loaded"!==t._state||t._playLock)return t._queue.push({event:"pause",action:function(){t.pause(e)}}),t;for(var a=t._getSoundIds(e),r=0;r<a.length;r++){t._clearTimer(a[r]);var o=t._soundById(a[r]);if(o&&!o._paused&&(o._seek=t.seek(a[r]),o._rateSeek=0,o._paused=!0,t._stopFade(a[r]),o._node))if(t._webAudio){if(!o._node.bufferSource)continue;void 0===o._node.bufferSource.stop?o._node.bufferSource.noteOff(0):o._node.bufferSource.stop(0),t._cleanBuffer(o._node)}else isNaN(o._node.duration)&&o._node.duration!==1/0||o._node.pause();arguments[1]||t._emit("pause",o?o._id:null)}return t},stop:function(e,t){var a=this;if("loaded"!==a._state||a._playLock)return a._queue.push({event:"stop",action:function(){a.stop(e)}}),a;for(var r=a._getSoundIds(e),o=0;o<r.length;o++){a._clearTimer(r[o]);var n=a._soundById(r[o]);n&&(n._seek=n._start||0,n._rateSeek=0,n._paused=!0,n._ended=!0,a._stopFade(r[o]),n._node&&(a._webAudio?n._node.bufferSource&&(void 0===n._node.bufferSource.stop?n._node.bufferSource.noteOff(0):n._node.bufferSource.stop(0),a._cleanBuffer(n._node)):isNaN(n._node.duration)&&n._node.duration!==1/0||(n._node.currentTime=n._start||0,n._node.pause())),t||a._emit("stop",n._id))}return a},mute:function(e,t){var a=this;if("loaded"!==a._state||a._playLock)return a._queue.push({event:"mute",action:function(){a.mute(e,t)}}),a;if(void 0===t){if("boolean"!=typeof e)return a._muted;a._muted=e}for(var r=a._getSoundIds(t),o=0;o<r.length;o++){var n=a._soundById(r[o]);n&&(n._muted=e,n._interval&&a._stopFade(n._id),a._webAudio&&n._node?n._node.gain.setValueAtTime(e?0:n._volume,h.ctx.currentTime):n._node&&(n._node.muted=!!h._muted||e),a._emit("mute",n._id))}return a},volume:function(){var e,t,a,r=this,o=arguments;if(0===o.length)return r._volume;if(1===o.length||2===o.length&&void 0===o[1]?0<=r._getSoundIds().indexOf(o[0])?t=parseInt(o[0],10):e=parseFloat(o[0]):2<=o.length&&(e=parseFloat(o[0]),t=parseInt(o[1],10)),!(void 0!==e&&0<=e&&e<=1))return(a=t?r._soundById(t):r._sounds[0])?a._volume:0;if("loaded"!==r._state||r._playLock)return r._queue.push({event:"volume",action:function(){r.volume.apply(r,o)}}),r;void 0===t&&(r._volume=e),t=r._getSoundIds(t);for(var n=0;n<t.length;n++)(a=r._soundById(t[n]))&&(a._volume=e,o[2]||r._stopFade(t[n]),r._webAudio&&a._node&&!a._muted?a._node.gain.setValueAtTime(e,h.ctx.currentTime):a._node&&!a._muted&&(a._node.volume=e*h.volume()),r._emit("volume",a._id));return r},fade:function(e,t,a,r){var o=this;if("loaded"!==o._state||o._playLock)return o._queue.push({event:"fade",action:function(){o.fade(e,t,a,r)}}),o;o.volume(e,r);for(var n=o._getSoundIds(r),l=0;l<n.length;l++){var i=o._soundById(n[l]);if(i){if(r||o._stopFade(n[l]),o._webAudio&&!i._muted){var s=h.ctx.currentTime,c=s+a/1e3;i._volume=e,i._node.gain.setValueAtTime(e,s),i._node.gain.linearRampToValueAtTime(t,c)}o._startFadeInterval(i,e,t,a,n[l],void 0===r)}}return o},_startFadeInterval:function(t,a,r,o,e,n){var l=this,i=a,s=r-a,c=Math.abs(s/.01),u=Math.max(4,0<c?o/c:o),d=Date.now();t._fadeTo=r,t._interval=setInterval(function(){var e=(Date.now()-d)/o;d=Date.now(),i+=s*e,i=Math.max(0,i),i=Math.min(1,i),i=Math.round(100*i)/100,l._webAudio?t._volume=i:l.volume(i,t._id,!0),n&&(l._volume=i),(r<a&&i<=r||a<r&&r<=i)&&(clearInterval(t._interval),t._interval=null,t._fadeTo=null,l.volume(r,t._id),l._emit("fade",t._id))},u)},_stopFade:function(e){var t=this,a=t._soundById(e);return a&&a._interval&&(t._webAudio&&a._node.gain.cancelScheduledValues(h.ctx.currentTime),clearInterval(a._interval),a._interval=null,t.volume(a._fadeTo,e),a._fadeTo=null,t._emit("fade",e)),t},loop:function(){var e,t,a,r=this,o=arguments;if(0===o.length)return r._loop;if(1===o.length){if("boolean"!=typeof o[0])return!!(a=r._soundById(parseInt(o[0],10)))&&a._loop;e=o[0],r._loop=e}else 2===o.length&&(e=o[0],t=parseInt(o[1],10));for(var n=r._getSoundIds(t),l=0;l<n.length;l++)(a=r._soundById(n[l]))&&(a._loop=e,r._webAudio&&a._node&&a._node.bufferSource&&(a._node.bufferSource.loop=e)&&(a._node.bufferSource.loopStart=a._start||0,a._node.bufferSource.loopEnd=a._stop));return r},rate:function(){var e,t,a,r=this,o=arguments;if(0===o.length)t=r._sounds[0]._id;else if(1===o.length){0<=r._getSoundIds().indexOf(o[0])?t=parseInt(o[0],10):e=parseFloat(o[0])}else 2===o.length&&(e=parseFloat(o[0]),t=parseInt(o[1],10));if("number"!=typeof e)return(a=r._soundById(t))?a._rate:r._rate;if("loaded"!==r._state||r._playLock)return r._queue.push({event:"rate",action:function(){r.rate.apply(r,o)}}),r;void 0===t&&(r._rate=e),t=r._getSoundIds(t);for(var n=0;n<t.length;n++)if(a=r._soundById(t[n])){a._rateSeek=r.seek(t[n]),a._playStart=r._webAudio?h.ctx.currentTime:a._playStart,a._rate=e,r._webAudio&&a._node&&a._node.bufferSource?a._node.bufferSource.playbackRate.setValueAtTime(e,h.ctx.currentTime):a._node&&(a._node.playbackRate=e);var l=r.seek(t[n]),i=1e3*((r._sprite[a._sprite][0]+r._sprite[a._sprite][1])/1e3-l)/Math.abs(a._rate);!r._endTimers[t[n]]&&a._paused||(r._clearTimer(t[n]),r._endTimers[t[n]]=setTimeout(r._ended.bind(r,a),i)),r._emit("rate",a._id)}return r},seek:function(){var e,t,a=this,r=arguments;if(0===r.length)t=a._sounds[0]._id;else if(1===r.length){0<=a._getSoundIds().indexOf(r[0])?t=parseInt(r[0],10):a._sounds.length&&(t=a._sounds[0]._id,e=parseFloat(r[0]))}else 2===r.length&&(e=parseFloat(r[0]),t=parseInt(r[1],10));if(void 0===t)return a;if("loaded"!==a._state||a._playLock)return a._queue.push({event:"seek",action:function(){a.seek.apply(a,r)}}),a;var o=a._soundById(t);if(o){if(!("number"==typeof e&&0<=e)){if(a._webAudio){var n=a.playing(t)?h.ctx.currentTime-o._playStart:0,l=o._rateSeek?o._rateSeek-o._seek:0;return o._seek+(l+n*Math.abs(o._rate))}return o._node.currentTime}var i=a.playing(t);i&&a.pause(t,!0),o._seek=e,o._ended=!1,a._clearTimer(t),!a._webAudio&&o._node&&(o._node.currentTime=e);var s=function(){a._emit("seek",t),i&&a.play(t,!0)};if(i&&!a._webAudio){var c=function(){a._playLock?setTimeout(c,0):s()};setTimeout(c,0)}else s()}return a},playing:function(e){if("number"==typeof e){var t=this._soundById(e);return!!t&&!t._paused}for(var a=0;a<this._sounds.length;a++)if(!this._sounds[a]._paused)return!0;return!1},duration:function(e){var t=this._duration,a=this._soundById(e);return a&&(t=this._sprite[a._sprite][1]/1e3),t},state:function(){return this._state},unload:function(){for(var e=this,t=e._sounds,a=0;a<t.length;a++){if(t[a]._paused||e.stop(t[a]._id),!e._webAudio)/MSIE |Trident\//.test(h._navigator&&h._navigator.userAgent)||(t[a]._node.src="data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA"),t[a]._node.removeEventListener("error",t[a]._errorFn,!1),t[a]._node.removeEventListener(h._canPlayEvent,t[a]._loadFn,!1);delete t[a]._node,e._clearTimer(t[a]._id)}var r=h._howls.indexOf(e);0<=r&&h._howls.splice(r,1);var o=!0;for(a=0;a<h._howls.length;a++)if(h._howls[a]._src===e._src){o=!1;break}return l&&o&&delete l[e._src],h.noAudio=!1,e._state="unloaded",e._sounds=[],e=null},on:function(e,t,a,r){var o=this["_on"+e];return"function"==typeof t&&o.push(r?{id:a,fn:t,once:r}:{id:a,fn:t}),this},off:function(e,t,a){var r=this,o=r["_on"+e],n=0;if("number"==typeof t&&(a=t,t=null),t||a)for(n=0;n<o.length;n++){var l=a===o[n].id;if(t===o[n].fn&&l||!t&&l){o.splice(n,1);break}}else if(e)r["_on"+e]=[];else{var i=Object.keys(r);for(n=0;n<i.length;n++)0===i[n].indexOf("_on")&&Array.isArray(r[i[n]])&&(r[i[n]]=[])}return r},once:function(e,t,a){return this.on(e,t,a,1),this},_emit:function(e,t,a){for(var r=this,o=r["_on"+e],n=o.length-1;0<=n;n--)o[n].id&&o[n].id!==t&&"load"!==e||(setTimeout(function(e){e.call(this,t,a)}.bind(r,o[n].fn),0),o[n].once&&r.off(e,o[n].fn,o[n].id));return r._loadQueue(e),r},_loadQueue:function(e){var t=this;if(0<t._queue.length){var a=t._queue[0];a.event===e&&(t._queue.shift(),t._loadQueue()),e||a.action()}return t},_ended:function(e){var t=this,a=e._sprite;if(!t._webAudio&&e._node&&!e._node.paused&&!e._node.ended&&e._node.currentTime<e._stop)return setTimeout(t._ended.bind(t,e),100),t;var r=!(!e._loop&&!t._sprite[a][2]);if(t._emit("end",e._id),!t._webAudio&&r&&t.stop(e._id,!0).play(e._id),t._webAudio&&r){t._emit("play",e._id),e._seek=e._start||0,e._rateSeek=0,e._playStart=h.ctx.currentTime;var o=1e3*(e._stop-e._start)/Math.abs(e._rate);t._endTimers[e._id]=setTimeout(t._ended.bind(t,e),o)}return t._webAudio&&!r&&(e._paused=!0,e._ended=!0,e._seek=e._start||0,e._rateSeek=0,t._clearTimer(e._id),t._cleanBuffer(e._node),h._autoSuspend()),t._webAudio||r||t.stop(e._id,!0),t},_clearTimer:function(e){var t=this;if(t._endTimers[e]){if("function"!=typeof t._endTimers[e])clearTimeout(t._endTimers[e]);else{var a=t._soundById(e);a&&a._node&&a._node.removeEventListener("ended",t._endTimers[e],!1)}delete t._endTimers[e]}return t},_soundById:function(e){for(var t=0;t<this._sounds.length;t++)if(e===this._sounds[t]._id)return this._sounds[t];return null},_inactiveSound:function(){var e=this;e._drain();for(var t=0;t<e._sounds.length;t++)if(e._sounds[t]._ended)return e._sounds[t].reset();return new n(e)},_drain:function(){var e=this,t=e._pool,a=0,r=0;if(!(e._sounds.length<t)){for(r=0;r<e._sounds.length;r++)e._sounds[r]._ended&&a++;for(r=e._sounds.length-1;0<=r;r--){if(a<=t)return;e._sounds[r]._ended&&(e._webAudio&&e._sounds[r]._node&&e._sounds[r]._node.disconnect(0),e._sounds.splice(r,1),a--)}}},_getSoundIds:function(e){if(void 0!==e)return[e];for(var t=[],a=0;a<this._sounds.length;a++)t.push(this._sounds[a]._id);return t},_refreshBuffer:function(e){return e._node.bufferSource=h.ctx.createBufferSource(),e._node.bufferSource.buffer=l[this._src],e._panner?e._node.bufferSource.connect(e._panner):e._node.bufferSource.connect(e._node),e._node.bufferSource.loop=e._loop,e._loop&&(e._node.bufferSource.loopStart=e._start||0,e._node.bufferSource.loopEnd=e._stop||0),e._node.bufferSource.playbackRate.setValueAtTime(e._rate,h.ctx.currentTime),this},_cleanBuffer:function(e){if(h._scratchBuffer&&e.bufferSource){e.bufferSource.onended=null,e.bufferSource.disconnect(0);try{e.bufferSource.buffer=h._scratchBuffer}catch(e){}}return e.bufferSource=null,this}};var n=function(e){this._parent=e,this.init()};n.prototype={init:function(){var e=this,t=e._parent;return e._muted=t._muted,e._loop=t._loop,e._volume=t._volume,e._rate=t._rate,e._seek=0,e._paused=!0,e._ended=!0,e._sprite="__default",e._id=++h._counter,t._sounds.push(e),e.create(),e},create:function(){var e=this,t=e._parent,a=h._muted||e._muted||e._parent._muted?0:e._volume;return t._webAudio?(e._node=void 0===h.ctx.createGain?h.ctx.createGainNode():h.ctx.createGain(),e._node.gain.setValueAtTime(a,h.ctx.currentTime),e._node.paused=!0,e._node.connect(h.masterGain)):(e._node=new Audio,e._errorFn=e._errorListener.bind(e),e._node.addEventListener("error",e._errorFn,!1),e._loadFn=e._loadListener.bind(e),e._node.addEventListener(h._canPlayEvent,e._loadFn,!1),e._node.src=t._src,e._node.preload="auto",e._node.volume=a*h.volume(),e._node.load()),e},reset:function(){var e=this,t=e._parent;return e._muted=t._muted,e._loop=t._loop,e._volume=t._volume,e._rate=t._rate,e._seek=0,e._rateSeek=0,e._paused=!0,e._ended=!0,e._sprite="__default",e._id=++h._counter,e},_errorListener:function(){var e=this;e._parent._emit("loaderror",e._id,e._node.error?e._node.error.code:0),e._node.removeEventListener("error",e._errorFn,!1)},_loadListener:function(){var e=this._parent;e._duration=Math.ceil(10*this._node.duration)/10,0===Object.keys(e._sprite).length&&(e._sprite={__default:[0,1e3*e._duration]}),"loaded"!==e._state&&(e._state="loaded",e._emit("load"),e._loadQueue()),this._node.removeEventListener(h._canPlayEvent,this._loadFn,!1)}};var l={},i=function(t){var e=t._src;if(l[e])return t._duration=l[e].duration,void u(t);if(/^data:[^;]+;base64,/.test(e)){for(var a=atob(e.split(",")[1]),r=new Uint8Array(a.length),o=0;o<a.length;++o)r[o]=a.charCodeAt(o);c(r.buffer,t)}else{var n=new XMLHttpRequest;n.open("GET",e,!0),n.withCredentials=t._xhrWithCredentials,n.responseType="arraybuffer",n.onload=function(){var e=(n.status+"")[0];"0"===e||"2"===e||"3"===e?c(n.response,t):t._emit("loaderror",null,"Failed loading audio file with status: "+n.status+".")},n.onerror=function(){t._webAudio&&(t._html5=!0,t._webAudio=!1,t._sounds=[],delete l[e],t.load())},s(n)}},s=function(t){try{t.send()}catch(e){t.onerror()}},c=function(e,t){function a(){t._emit("loaderror",null,"Decoding audio data failed.")}function r(e){e&&0<t._sounds.length?(l[t._src]=e,u(t,e)):a()}"undefined"!=typeof Promise&&1===h.ctx.decodeAudioData.length?h.ctx.decodeAudioData(e).then(r).catch(a):h.ctx.decodeAudioData(e,r,a)},u=function(e,t){t&&!e._duration&&(e._duration=t.duration),0===Object.keys(e._sprite).length&&(e._sprite={__default:[0,1e3*e._duration]}),"loaded"!==e._state&&(e._state="loaded",e._emit("load"),e._loadQueue())},d=function(){try{"undefined"!=typeof AudioContext?h.ctx=new AudioContext:"undefined"!=typeof webkitAudioContext?h.ctx=new webkitAudioContext:h.usingWebAudio=!1}catch(e){h.usingWebAudio=!1}var e=/iP(hone|od|ad)/.test(h._navigator&&h._navigator.platform),t=h._navigator&&h._navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/),a=t?parseInt(t[1],10):null;if(e&&a&&a<9){var r=/safari/.test(h._navigator&&h._navigator.userAgent.toLowerCase());(h._navigator&&h._navigator.standalone&&!r||h._navigator&&!h._navigator.standalone&&!r)&&(h.usingWebAudio=!1)}h.usingWebAudio&&(h.masterGain=void 0===h.ctx.createGain?h.ctx.createGainNode():h.ctx.createGain(),h.masterGain.gain.setValueAtTime(h._muted?0:1,h.ctx.currentTime),h.masterGain.connect(h.ctx.destination)),h._setup()};"function"==typeof define&&define.amd&&define([],function(){return{Howler:h,Howl:t}}),"undefined"!=typeof exports&&(exports.Howler=h,exports.Howl=t),"undefined"!=typeof window?(window.HowlerGlobal=e,window.Howler=h,window.Howl=t,window.Sound=n):"undefined"!=typeof global&&(global.HowlerGlobal=e,global.Howler=h,global.Howl=t,global.Sound=n)}(),function(d){"use strict";var e,u={},p=d(),a=null,g={isMobile:(e=navigator.userAgent||navigator.vendor||window.opera,/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4))),hasRequestAnimationFrame:"function"==typeof window.requestAnimationFrame,formatTime:function(e,t){if("number"!=typeof e)return e;var a=(t?Math.floor:Math.round)(e),r=a%60,o=(a-r)%3600/60,n=(a-r-60*o)/3600;return(n?n+":":"")+(n&&o<10?"0"+o:o)+":"+(r<10?"0"+r:r)},makeSeconds:function(e){if("number"==typeof e)return e;if(null==e)return 0;for(var t=(e=e.replace(",",".")).split(":").reverse(),a=0,r=0;r<t.length;r++)a+=Math.abs(t[r])*Math.pow(60,r);return+a},getSkinName:function(e){var t="",a=e.attr("class"),r=a?a.indexOf("jouele-skin-"):-1;return 0<r&&(t=a.substr(r+12,0<a.indexOf(" ",r)?a.indexOf(" ",r):a.length)),t},getFirstJouele:function(){var e,t=d(".jouele").add(".jouele-control").filter(".jouele_first:not(.jouele_broken)").eq(0);if(0===t.length)for(var a=0;a<d.Jouele.playlist.length;a++){for(var r=0;r<d.Jouele.playlist[a].length;r++)if(d.Jouele.playlist[a][r]instanceof y&&d.Jouele.playlist[a][r].getTrack()&&!d.Jouele.playlist[a][r].getTrack().player.isBroken){e=d.Jouele.playlist[a][r];break}if(e)break}else e=t.data("jouele");return e},getEventPoint:function(e){var t,a;return t=e.originalEvent.touches&&0<e.originalEvent.touches.length&&void 0!==e.originalEvent.touches[0]&&e.originalEvent.touches[0].clientX?e.originalEvent.touches[0].clientX:e.originalEvent.changedTouches&&0<e.originalEvent.changedTouches.length&&void 0!==e.originalEvent.changedTouches[0]&&e.originalEvent.changedTouches[0].clientX?e.originalEvent.changedTouches[0].clientX:e.pageX,(a=Math.round(1e4*parseFloat((t-p.offset().left)/p.width()*100))/1e4)<0?a=0:100<a&&(a=100),a},getInstance:function(){return 0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()?d.Jouele.history[0]:g.getFirstJouele()},showWarning:function(e){var t=!1;return"undefined"!=typeof console&&"function"==typeof console.warn&&(console.warn(e),t=!0),t},showError:function(e){var t=!1;return"undefined"!=typeof console&&"function"==typeof console.error&&(console.error(e),t=!0),t}},t=function(e){if(32!==e.keyCode||"INPUT"===e.target.nodeName||"TEXTAREA"===e.target.nodeName||"SELECT"===e.target.nodeName||"OPTION"===e.target.nodeName||"BUTTON"===e.target.nodeName||void 0!==d(e.target).attr("contenteditable")&&"false"!==d(e.target).attr("contenteditable"))return!0;if(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()&&!d.Jouele.history[0].getTrack().player.isPaused&&(d.Jouele.history[0].getTrack().player.isPlaying||null!==d.Jouele.history[0].getTrack().player.seekTime||null!==d.Jouele.history[0].getTrack().player.seekPosition||d.Jouele.history[0].getTrack().player.isStarted&&!d.Jouele.history[0].getTrack().player.isLoaded)){if(!d.Jouele.options.pauseOnSpace)return!1;d.Jouele.options.scrollOnSpace||e.preventDefault(),d.Jouele.history[0].pause()}else{if(!d.Jouele.options.playOnSpace)return!1;if(d.Jouele.options.scrollOnSpace||e.preventDefault(),0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack())d.Jouele.history[0].play();else{var t=g.getFirstJouele();t&&t instanceof y&&t.play()}}},r=function(e){if(0===p.length)return!0;var t;if(!((t=p.data("jouele")?p.data("jouele"):p.data("jouele-destroyed")?p.data("jouele-destroyed"):g.getInstance())instanceof y)||!t.getTrack()||t.getTrack().player.isBroken)return p=d(),!0;if(p.data("jouele-destroyed")&&0<t.$control.length)return t.$control.removeData("jouele-destroyed"),p=d(),!0;switch(e.type){case"mouseup":case"touchend":case"touchcancel":t.getTrack().player.seekingOnTimeline.isSeeking=!1,t.getTrack().player.seekingOnTimeline.seekingInstance=!1;var a=g.getEventPoint(e);t.getTrack().player.seekingOnTimeline.seekingPosition=a,t.seek.call(t,a),t.getTrack().player.seekingOnTimeline.seekingPosition=null,p=d();break;case"mousemove":case"touchmove":if(!t.getTrack().player.seekingOnTimeline.isSeeking)return!0;t.getTrack().player.seekingOnTimeline.seekingPosition=g.getEventPoint(e),f.updateState.call(t)}},k={show:function(e){var t=this;if(t.getTrack().player.preloaderTimeout||t.getTrack().player.seekingOnTimeline.isSeeking)return t;var a=e||50;return t.getTrack().player.preloaderTimeout=setTimeout(function(){if(t.getTrack().player.seekingOnTimeline.isSeeking||t.isPaused())return t.getTrack().player.preloaderTimeout=null,t;f.updateControlsClasses.call(t,"jouele-is-buffering","add")},a),t},hide:function(){var e=this;return e.getTrack().player.preloaderTimeout&&(clearTimeout(e.getTrack().player.preloaderTimeout),e.getTrack().player.preloaderTimeout=null,f.updateControlsClasses.call(e,"jouele-is-buffering","remove")),e}},f={updateLength:function(){var e=this,t=null,a=null;return e.getTotalTime()?t=e.getTotalTime():e.getOptions().length&&(t=e.getOptions().length),e.getTrack().player.howler?a=e.getTrack().player.howler.duration():0<g.makeSeconds(e.getOptions().length)&&(a=g.makeSeconds(e.getOptions().length)),a&&(null!==t&&a!==t&&e.getTrack().player.seekTime===t&&(e.getTrack().player.seekTime=Math.round(100*parseFloat(a))/100),e.getTrack().player.totalTime=a,e.getTrack().player.remainingTime=a-e.getTrack().player.elapsedTime),e.getTrack().player.isBroken&&(e.getTrack().player.totalTime=0,e.getTrack().player.elapsedTime=0,e.getTrack().player.remainingTime=0),f.updateTimeDisplay.call(e),e},updateTitle:function(){var a=this,e=d.trim(a.getOptions().title),t={title:d()};return e&&a.getTrack()&&e!==a.getTrack().player.title&&(a.getTrack().player.title=e),a.getTrack()&&(t.title=a.getTrack().controls.title),d.each(t.title.add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===a.getTrack()||0===d.Jouele.history.length&&(!a.getTrack()||a.getTrack().player.isStarted||a.getTrack().player.seekTime||a.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls.title:""),function(e,t){d(t).html(a.getTrack()?a.getTrack().player.title:"")}),a.getTrack()&&!a.getTrack().player.isBroken||d.each(d.Jouele.controls.title,function(e,t){d(t).html("")}),a},updateTimeline:function(){var e=this,a=0,t={position:d(),elapsed:d(),remaining:d()};return!e.getTrack()||e.getTrack().player.isBroken?a=0:null!==e.getTrack().player.seekingOnTimeline.seekingPosition?a=e.getTrack().player.seekingOnTimeline.seekingPosition:null!==e.getTrack().player.seekPosition?a=e.getTrack().player.seekPosition:null!==e.getTrack().player.seekTime?e.getTotalTime()&&(a=e.getTrack().player.seekTime/(e.getTotalTime()/100)):e.getTotalTime()&&(a=e.getTrack().player.howler.seek()/(e.getTotalTime()/100)),a=Math.round(100*parseFloat(a))/100,e.getTrack()&&(t.position=e.getTrack().controls.position,t.elapsed=e.getTrack().controls.elapsed,t.remaining=e.getTrack().controls.remaining),d.each(t.position.add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===e.getTrack()||0===d.Jouele.history.length&&(!e.getTrack()||e.getTrack().player.isStarted||e.getTrack().player.seekTime||e.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls.position:""),function(e,t){d(t).css("left",a+"%").trigger("jouele:position",a)}),d.each(t.elapsed.add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===e.getTrack()||0===d.Jouele.history.length&&(!e.getTrack()||e.getTrack().player.isStarted||e.getTrack().player.seekTime||e.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls.elapsed:""),function(e,t){d(t).css("width",a+"%").trigger("jouele:position",a)}),d.each(t.remaining.add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===e.getTrack()||0===d.Jouele.history.length&&(!e.getTrack()||e.getTrack().player.isStarted||e.getTrack().player.seekTime||e.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls.remaining:""),function(e,t){d(t).css("width",100-a+"%").trigger("jouele:position",100-a)}),e},updateTimeDisplay:function(e){var i=this,t={"time-total":d(),"time-elapsed":d(),"time-remaining":d(),seek:d()},o="",n="",s="",a=null;return i.getTrack()?(i.getTotalTime()||i.getTrack().player.isBroken?(o=g.makeSeconds(i.getTotalTime()),a=null!==i.getTrack().player.seekingOnTimeline.seekingPosition?i.getTotalTime()*(i.getTrack().player.seekingOnTimeline.seekingPosition/100):null):i.getOptions().length&&(o=g.makeSeconds(i.getOptions().length),a=null!==i.getTrack().player.seekingOnTimeline.seekingPosition?g.makeSeconds(i.getOptions().length)*(i.getTrack().player.seekingOnTimeline.seekingPosition/100):null),n=null!==a?g.makeSeconds(a):null!==i.getTrack().player.seekPosition?i.getTotalTime()?g.makeSeconds(Math.round(100*parseFloat(i.getTotalTime()*(i.getTrack().player.seekPosition/100)))/100):0:null!==i.getTrack().player.seekTime?g.makeSeconds(i.getTrack().player.seekTime):i.getTrack().player.isPlaying?null!==i.getTrack().player.howler&&"unloaded"!==i.getTrack().player.howler.state()&&"number"==typeof i.getTrack().player.howler.seek()?g.makeSeconds(i.getTrack().player.howler.seek()):0:g.makeSeconds(null!==i.getTrack().player.howler&&"unloaded"!==i.getTrack().player.howler.state()&&"number"==typeof i.getTrack().player.howler.seek()?i.getTrack().player.howler.seek():0),n=i.getTrack().player.isBroken?0:Math.round(100*n)/100,s=o?Math.round(100*(o-g.makeSeconds(n)))/100:0,i.getTrack().player.remainingTime=s,i.getTrack().player.elapsedTime=n):o=0,(o||!i.getTrack()||i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)&&function(){i.getTrack()&&(t["time-total"]=i.getTrack().controls["time-total"],t["time-elapsed"]=i.getTrack().controls["time-elapsed"],t["time-remaining"]=i.getTrack().controls["time-remaining"],t.seek=i.getTrack().controls.seek);var l=g.makeSeconds(g.formatTime(n,!e))>o?g.formatTime(n,!0):g.formatTime(n,!e),r=g.formatTime(g.makeSeconds(o)-g.makeSeconds(l),!0);d.each(t["time-total"].add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===i.getTrack()||!i.getTrack()||i.getTrack().player.isBroken||0===d.Jouele.history.length&&(i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls["time-total"]:""),function(e,t){var a=d(t);i.getTrack()&&!i.getTrack().player.isBroken&&o?(a.text(g.formatTime(o,!0)),a.trigger("jouele:totaltime",o)):(a.text(""),a.trigger("jouele:totaltime",0))}),d.each(t["time-elapsed"].add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===i.getTrack()||!i.getTrack()||i.getTrack().player.isBroken||0===d.Jouele.history.length&&(i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls["time-elapsed"]:""),function(e,t){var a=d(t);i.getTrack()&&!i.getTrack().player.isBroken&&o?(a.text(l),a.trigger("jouele:elapsedtime",n)):(a.text(""),a.trigger("jouele:elapsedtime",0))}),d.each(t["time-remaining"].add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===i.getTrack()||!i.getTrack()||i.getTrack().player.isBroken||0===d.Jouele.history.length&&(i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls["time-remaining"]:""),function(e,t){var a=d(t);i.getTrack()&&!i.getTrack().player.isBroken&&o?(a.text(r),a.trigger("jouele:remainingtime",s)):(a.text(""),a.trigger("jouele:remainingtime",0))}),d.each(t.seek.add(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===i.getTrack()||!i.getTrack()||0===d.Jouele.history.length&&(i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)?d.Jouele.controls.seek:""),function(e,t){var a=d(t);if(a.attr("data-range")&&i.getTrack()&&(i.getTrack().player.isStarted||i.getTrack().player.seekTime||i.getTrack().player.seekingOnTimeline.isSeeking)){var r=g.makeSeconds(a.data("range-start")),o=g.makeSeconds(a.data("range-end")),n=g.makeSeconds(l);r<=n&&n<=o?a.addClass("jouele-is-within").trigger("jouele:rangein"):a.removeClass("jouele-is-within").trigger("jouele:rangeout")}})}(),i},updateState:function(e){return f.updateTimeline.call(this),f.updateTimeDisplay.call(this,e),this},requestAnimationFrameProgress:function(e,t){var a=this,r=function(){"function"==typeof t&&t.call(a),f.updateState.call(a,e),requestAnimationFrame(r)};return requestAnimationFrame(r)},cancelAnimationFrame:function(){return cancelAnimationFrame(this.getTrack().player.updateStateTimer),this},updateControlsClasses:function(a,r){var e=this;return d.each(e.getTrack().controls,function(e,t){"add"===r?t.addClass(a):"remove"===r&&t.removeClass(a)}),"jouele-is-unavailable"!==a&&"jouele-is-available"!==a&&"jouele-is-loaded"!==a&&(0<d.Jouele.history.length&&d.Jouele.history[0].getTrack()===e.getTrack()||0===d.Jouele.history.length&&(e.getTrack().player.isStarted||e.getTrack().player.seekTime||e.getTrack().player.seekingOnTimeline.isSeeking))&&d.each(d.Jouele.controls,function(e,t){"add"===r?t.addClass(a):"remove"===r&&t.removeClass(a)}),e}},n={createJouele:function(e,t){var a="",r="";if(e.hasClass("jouele")&&e.attr("href")?(a=e.attr("href"),r=e.html()):e.hasClass("jouele-control")&&(a=e.attr("data-href"),r=e.attr("data-title")),e.hasClass("jouele")){if(!a)return g.showError("Please include `href` attribute into your Jouele link"),this}else{if(!e.hasClass("jouele-control"))return this;if(!a)return n.pushControl(e,!0),this}return new y(e,d.extend({},{length:0,repeat:!1,hideTimelineOnPause:!1,skin:"",href:"",title:"",spaceControl:!1,pauseOnSpace:!1,playOnSpace:!1,scrollOnSpace:!0},t,e.data(),{skin:g.getSkinName(e),href:a,title:r})),e},createTrack:function(e){return{player:{href:e,howler:null,title:"",isPlaying:!1,isPlayed:!1,isPaused:!1,isLoaded:!1,isStarted:!1,isBroken:!1,isEnded:!1,totalTime:0,elapsedTime:0,remainingTime:0,updateStateTimer:null,seekTime:null,seekPosition:null,preloaderTimeout:null,seekingOnTimeline:{isSeeking:!1,seekingPosition:null,seekingInstance:!1},callbacks:{},play:function(){var a=this;return a instanceof y||(0<d.Jouele.tracks[a.href].instances.length?a=d.Jouele.tracks[a.href].instances[0]:void 0!==d.Jouele.tracks[a.href].controls.play&&0<d.Jouele.tracks[a.href].controls.play.length?a=d.Jouele.tracks[a.href].controls.play.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls["play-pause"]&&0<d.Jouele.tracks[a.href].controls["play-pause"].length?a=d.Jouele.tracks[a.href].controls["play-pause"].eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.seek&&0<d.Jouele.tracks[a.href].controls.seek.length?a=d.Jouele.tracks[a.href].controls.seek.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.timeline&&0<d.Jouele.tracks[a.href].controls.timeline.length?a=d.Jouele.tracks[a.href].controls.timeline.eq(0).data("jouele"):d.each(d.Jouele.tracks[a.href].controls,function(e,t){return a=t.data("jouele"),!1})),h.play.call(a)},pause:function(){var a=this;return a instanceof y||(0<d.Jouele.tracks[a.href].instances.length?a=d.Jouele.tracks[a.href].instances[0]:void 0!==d.Jouele.tracks[a.href].controls.pause&&0<d.Jouele.tracks[a.href].controls.pause.length?a=d.Jouele.tracks[a.href].controls.pause.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls["play-pause"]&&0<d.Jouele.tracks[a.href].controls["play-pause"].length?a=d.Jouele.tracks[a.href].controls["play-pause"].eq(0).data("jouele"):d.each(d.Jouele.tracks[a.href].controls,function(e,t){return a=t.data("jouele"),!1})),h.pause.call(a)},playFrom:function(e){var a=this;return a instanceof y||(0<d.Jouele.tracks[a.href].instances.length?a=d.Jouele.tracks[a.href].instances[0]:void 0!==d.Jouele.tracks[a.href].controls.seek&&0<d.Jouele.tracks[a.href].controls.seek.length?a=d.Jouele.tracks[a.href].controls.seek.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.timeline&&0<d.Jouele.tracks[a.href].controls.timeline.length?a=d.Jouele.tracks[a.href].controls.timeline.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.play&&0<d.Jouele.tracks[a.href].controls.play.length?a=d.Jouele.tracks[a.href].controls.play.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls["play-pause"]&&0<d.Jouele.tracks[a.href].controls["play-pause"].length?a=d.Jouele.tracks[a.href].controls["play-pause"].eq(0).data("jouele"):d.each(d.Jouele.tracks[a.href].controls,function(e,t){return a=t.data("jouele"),!1})),h.playFrom.call(a,e)},seek:function(e){var a=this;return a instanceof y||(0<d.Jouele.tracks[a.href].instances.length?a=d.Jouele.tracks[a.href].instances[0]:void 0!==d.Jouele.tracks[a.href].controls.seek&&0<d.Jouele.tracks[a.href].controls.seek.length?a=d.Jouele.tracks[a.href].controls.seek.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.timeline&&0<d.Jouele.tracks[a.href].controls.timeline.length?a=d.Jouele.tracks[a.href].controls.timeline.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls.play&&0<d.Jouele.tracks[a.href].controls.play.length?a=d.Jouele.tracks[a.href].controls.play.eq(0).data("jouele"):void 0!==d.Jouele.tracks[a.href].controls["play-pause"]&&0<d.Jouele.tracks[a.href].controls["play-pause"].length?a=d.Jouele.tracks[a.href].controls["play-pause"].eq(0).data("jouele"):d.each(d.Jouele.tracks[a.href].controls,function(e,t){return a=t.data("jouele"),!1})),h.seek.call(a,e)}},controls:{"play-pause":d(),play:d(),pause:d(),"time-total":d(),"time-elapsed":d(),"time-remaining":d(),timeline:d(),elapsed:d(),remaining:d(),position:d(),seek:d(),title:d()},instances:[]}},getPlaylistIndex:function(){var a,r=this;if(d(".jouele-playlist").add(".jouele:not(.jouele-playlist .jouele):not(.jouele_destroyed)").add(".jouele-control[data-href]:not(.jouele .jouele-control):not(.jouele-playlist .jouele-control):not(.jouele_destroyed)").each(function(e,t){return 0<r.getPlaylistDOM().length&&r.getPlaylistDOM()[0]===t||r.$link&&r.$link[0]===t||r.$control&&r.$control[0]===t?(a=e,!1):void 0}),0<r.getPlaylistDOM().length){var o,n,e,t=r.getPlaylistDOM().find(".jouele[href]:not(.jouele_destroyed)"),l=r.getPlaylistDOM().find(".jouele_inited"),i=r.getPlaylistDOM().find(".jouele-control[data-href]:not(.jouele .jouele-control):not(.jouele_destroyed)");if(t.add(l).add(i).each(function(e,t){var a=d(t);if(a.hasClass("jouele_inited")&&(n=a.data("jouele")),r.$link&&t===r.$link[0]||r.$control&&t===r.$control[0])return o=e,!1}),d.isArray(d.Jouele.playlist[a]))if(d.Jouele.playlist[a][0].getPlaylistDOM()[0]!==r.getPlaylistDOM()[0])d.Jouele.playlist.splice(a,0,[r]);else{for(var s=0;s<d.Jouele.playlist[a].length;s++)if(d.Jouele.playlist[a][s]===n){e=s;break}void 0===d.Jouele.playlist[a][e+1]?0===o?d.Jouele.playlist[a].splice(0,0,r):d.Jouele.playlist[a].push(r):d.Jouele.playlist[a].splice(e+1,0,r)}else d.Jouele.playlist[a]=[r]}else d.Jouele.playlist.splice(a,0,[r]);return a},checkOptions:function(e){var t=e;return g.makeSeconds(e.length)||(t.length=0),"boolean"!=typeof e.repeat&&(t.repeat=!1),"boolean"!=typeof e.hideTimelineOnPause&&(t.hideTimelineOnPause=!1),"boolean"!=typeof e.spaceControl&&(t.spaceControl=!1),"boolean"!=typeof e.pauseOnSpace&&(t.pauseOnSpace=!1),"boolean"!=typeof e.playOnSpace&&(t.playOnSpace=!1),"boolean"!=typeof e.scrollOnSpace&&(t.scrollOnSpace=!0),t},checkNewOptions:function(e,t){var a=t;return""===d.trim(t.title)&&(a.title=e.title),g.makeSeconds(t.length)||(a.length=e.length),"boolean"!=typeof t.repeat&&(a.repeat=e.repeat),"boolean"!=typeof t.hideTimelineOnPause&&(a.hideTimelineOnPause=e.hideTimelineOnPause),"boolean"!=typeof t.spaceControl&&(a.spaceControl=e.spaceControl),"boolean"!=typeof t.pauseOnSpace&&(a.pauseOnSpace=e.pauseOnSpace),"boolean"!=typeof t.playOnSpace&&(a.playOnSpace=e.playOnSpace),"boolean"!=typeof t.scrollOnSpace&&(a.scrollOnSpace=e.scrollOnSpace),a},checkGlobalOptions:function(){var e=this;return(e.getOptions().pauseOnSpace||e.getPlaylistDOM().attr("data-pause-on-space"))&&(d.Jouele.options.pauseOnSpace=!0),(e.getOptions().playOnSpace||e.getPlaylistDOM().attr("data-play-on-space"))&&(d.Jouele.options.playOnSpace=!0),e.getOptions().scrollOnSpace&&!e.getPlaylistDOM().attr("data-scroll-on-space")||(d.Jouele.options.scrollOnSpace=!1),(e.getOptions().spaceControl||e.getPlaylistDOM().attr("data-space-control"))&&(d.Jouele.options.pauseOnSpace=!0,d.Jouele.options.playOnSpace=!0,d.Jouele.options.scrollOnSpace=!1),e},pushControl:function(a,t){var r=t?void 0:this,o=t?d.Jouele.controls:this.getTrack().controls,e=a.attr("data-type");switch(e){case"time-toggle":"true"===a.attr("data-remaining")?o["time-remaining"]=o["time-remaining"].add(a):(a.attr("data-remaining","false"),o["time-elapsed"]=o["time-elapsed"].add(a)),a.off("click.jouele").on("click.jouele",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;"true"===a.attr("data-remaining")?(d.each(o["time-remaining"],function(e,t){a[0]===t&&o["time-remaining"].splice(e,1)}),o["time-elapsed"]=o["time-elapsed"].add(a),a.attr("data-remaining","false")):(d.each(o["time-elapsed"],function(e,t){a[0]===t&&o["time-elapsed"].splice(e,1)}),o["time-remaining"]=o["time-remaining"].add(a),a.attr("data-remaining","true")),f.updateTimeDisplay.call(r)}).addClass("jouele-is-interactive");break;case"seek":var n=a.attr("data-to"),l=a.attr("data-range");if(l){var i=0<l.indexOf("…")?l.indexOf("…"):l.indexOf("..."),s=0<l.indexOf("…")?l.indexOf("…")+1:l.indexOf("...")+3,c=g.formatTime(g.makeSeconds(l.substr(0,i)),!0),u=g.formatTime(g.makeSeconds(l.substr(s)),!0);a.data({"range-start":c,"range-end":u})}a.off("click.jouele").on("click.jouele",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;if(n&&r.getTrack().player.playFrom.call(r,n),l){var e=0<l.indexOf("…")?l.indexOf("…"):l.indexOf("...");n||r.getTrack().player.playFrom.call(r,l.substr(0,e))}}).addClass("jouele-is-interactive");break;case"timeline":a.off("mousedown.jouele touchstart.jouele").on("mousedown.jouele touchstart.jouele",function(e){if("mousedown"===e.type&&1!==e.which)return!1;if(!((r=t?g.getInstance():r)instanceof y))return!1;if(r.getTrack().player.seekingOnTimeline.isSeeking=!0,r.getTrack().player.seekingOnTimeline.seekingInstance=r,p=a,!r.getTrack().player.howler){if(!h.createHowler.call(r))return h.breakPlayer.call(r),!1;r.getTrack().player.howler.load(),r.getTrack().player.isStarted=!0}r.getTrack().player.seekingOnTimeline.seekingPosition=g.getEventPoint(e),f.updateState.call(r),f.updateTitle.call(r)}).addClass("jouele-is-interactive");break;case"play-pause":a.off("click.jouele").on("click.jouele",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;r.getTrack().player.isPaused?r.getTrack().player.play.call(r):r.getTrack().player.isStarted?r.getTrack().player.pause.call(r):r.getTrack().player.play.call(r)}).addClass("jouele-is-interactive");break;case"play":a.off("click.jouele").on("click.jouele",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;r.getTrack().player.play.call(r)}).addClass("jouele-is-interactive");break;case"pause":a.off("click.jouele").on("click.jouele",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;r.getTrack().player.pause.call(r)}).addClass("jouele-is-interactive");break;case"title":a.off("jouele:title").on("jouele:title",function(){if(!((r=t?g.getInstance():r)instanceof y))return!1;a.html(r.getTrack().player.title)})}return void 0!==o[e]&&0<o[e].length?o[e]=o[e].add(a):o[e]=a,a.addClass(t?"":"jouele-is-available").addClass("jouele_inited"),r},createJoueleDOM:function(){var e=this,t=d(document.createElement("div")),a=d(document.createElement("div")),r=d(document.createElement("div"));return e.$container=t.data("jouele",e).addClass("jouele jouele_inited"+(!0===e.$link.data("first")?" jouele_first":"")+(e.getOptions().hideTimelineOnPause?" jouele_timeline_hide":"")+(e.getOptions().skin?" jouele-skin-"+e.getOptions().skin:"")),e.$container.append(a.addClass("jouele-info").append([d(document.createElement("div")).addClass("jouele-info-time").append(d(document.createElement("div")).addClass("jouele-info-time__current jouele-control").attr("data-href",e.getHref()).attr("data-type","time-elapsed").text(e.getTotalTime()?"0:00":""),d(document.createElement("div")).addClass("jouele-info-time__total jouele-control").attr("data-href",e.getHref()).attr("data-type","time-total").text(e.getTotalTime()?g.formatTime(g.makeSeconds(e.getTotalTime()),!0):"")),d(document.createElement("div")).addClass("jouele-info-control").append(d(document.createElement("div")).addClass("jouele-info-control-button").append(d(document.createElement("span")).addClass("jouele-info-control-button-icon jouele-info-control-button-icon_unavailable").html('<svg class="jouele-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" enable-background="new 0 0 16 16"><g class="jouele-svg-color"><path d="m4 6.7l3.8 3.7-3.8 2.1z"/><path d="m.2 2.2l.6-.5 11 11.1-.5.5z"/><path d="m4 4.3v-.8l8 4.5-2.7 1.5z"/></g></svg>'),d(document.createElement("a")).attr("href",e.getHref()).addClass("jouele-info-control-link jouele-hidden").append(d(document.createElement("span")).addClass("jouele-info-control-button-icon jouele-info-control-button-icon_play jouele-control jouele-hidden").attr("data-href",e.getHref()).attr("data-type","play-pause").html('<svg class="jouele-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" enable-background="new 0 0 16 16"><path class="jouele-svg-color" d="m4 3.5l8 4.5-8 4.5z"/></svg>'))),d(document.createElement("div")).addClass("jouele-info-control-text jouele-control").attr("data-href",e.getHref()).attr("data-type","title"))]),r.addClass("jouele-progress").append(d(document.createElement("div")).addClass("jouele-progress-line jouele-control").attr("data-href",e.getHref()).attr("data-type","timeline").append(d(document.createElement("div")).addClass("jouele-progress-line-bar_base"),d(document.createElement("div")).addClass("jouele-progress-line-bar_play jouele-control").attr("data-href",e.getHref()).attr("data-type","elapsed"),d(document.createElement("div")).addClass("jouele-progress-line-lift jouele-hidden jouele-control").attr("data-href",e.getHref()).attr("data-type","position")))).promise().done(function(){n.initInnerControls.call(e)}),e},insertJoueleDOM:function(){var e=this;return e.$container&&(e.$container.find(".jouele-hidden").removeClass("jouele-hidden"),e.$container.find(".jouele-info-control-button-icon_unavailable").addClass("jouele-hidden"),e.$container.find(".jouele-info-control-link").off("click.jouele").on("click.jouele",function(e){e.preventDefault()}),e.$link.after(e.$container),e.$link.detach()),e},findPlaylistInDOM:function(){return void 0!==this.$control&&0<this.$control.length?this.$control.parents(".jouele-playlist").eq(0):this.$link.parents(".jouele-playlist").eq(0)},initInnerControls:function(){var e=this;return d.each(e.$container.find(".jouele-control"),function(){n.createJouele(d(this),e.getOptions())}),e},pushToHistory:function(){var e=this;return(0===d.Jouele.history.length||d.Jouele.history[0].getTrack()!==e.getTrack()||d.Jouele.history[0].getTrack()===e.getTrack()&&e.getTrack().player.isPaused&&d.Jouele.history[0]!==e)&&(d.Jouele.history.unshift(e),d.each(e.getTrack().controls.title.add(d.Jouele.controls.title),function(e,t){d(t).trigger("jouele:title")})),e}},h={createHowler:function(){var t=this;return t.getTrack().player.howler=new Howl({src:[t.getHref()],format:["mp3"],html5:!0,preload:!1,loop:t.getOptions().repeat,onloaderror:function(){function e(){t.getTrack().player.isPlayed?t.pause():h.breakPlayer.call(t)}t.getTrack()&&("object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onloaderror?!1!==t.getTrack().player.callbacks.onloaderror()&&e():e())},onload:function(){t.getTrack()&&("object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onload?!1!==t.getTrack().player.callbacks.onload()&&h.Events.onLoad.call(t):h.Events.onLoad.call(t))},onplay:function(){t.getTrack()&&("object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onplay?!1!==t.getTrack().player.callbacks.onplay()&&h.Events.onPlay.call(t):h.Events.onPlay.call(t))},onpause:function(){t.getTrack()&&("object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onpause?!1!==t.getTrack().player.callbacks.onpause()&&h.Events.onPause.call(t):h.Events.onPause.call(t))},onseek:function(){if(t.getTrack()){if(t.getTrack().player.howler._sounds[0]._ended&&0===t.getTrack().player.howler.seek())return!0;if(t.getTrack().player.isEnded)return!0;"object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onseek?!1!==t.getTrack().player.callbacks.onseek()&&h.Events.onSeek.call(t):h.Events.onSeek.call(t)}},onend:function(){t.getTrack()&&("object"==typeof t.getTrack().player.callbacks&&"function"==typeof t.getTrack().player.callbacks.onend?!1!==t.getTrack().player.callbacks.onend()&&h.Events.onEnd.call(t):h.Events.onEnd.call(t))}}),f.updateTimeDisplay.call(t),t},play:function(){var e=this;if(e.getTrack().player.isPlaying)return e;if(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()&&d.Jouele.history[0].getTrack().player!==e.getTrack().player&&(d.Jouele.history[0].getTrack().player.isPaused||d.Jouele.history[0].pause()),!e.getTrack().player.howler&&!h.createHowler.call(e))return h.breakPlayer.call(e),e;if(n.pushToHistory.call(e),h.Interface.makeInterfacePlay.call(e),e.getTrack().player.isLoaded?e.getTrack().player.howler.play():e.getTrack().player.isStarted||e.getTrack().player.howler.load(),e.getTrack().player.isStarted=!0,k.show.call(e),e.getTrack().player.howler._sounds.length<1)return e;if(g.hasRequestAnimationFrame)e.getTrack().player.updateStateTimer&&f.cancelAnimationFrame.call(e),e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=f.requestAnimationFrameProgress.call(e,!0));else{var t=Math.round(1e3*(Math.ceil(e.getTrack().player.howler.seek())-e.getTrack().player.howler.seek()))/1e3;setTimeout(function(){f.updateState.call(e,!0),e.getTrack().player.updateStateTimer&&clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=setInterval(function(){f.updateState.call(e,!0)},1e3))},1e3*t)}return e},pause:function(){var e=this;return!e.getTrack().player.howler||e.getTrack().player.isPaused||(k.hide.call(e),h.Interface.makeInterfacePause.call(e),e.getTrack().player.seekingOnTimeline.isSeeking=!1,e.getTrack().player.seekingOnTimeline.seekingInstance=!1,e.getTrack().player.howler&&e.getTrack().player.howler.pause()),e},playFrom:function(e){var t=this;if(!e)return t;if(t.getTotalTime()&&g.makeSeconds(e)>t.getTotalTime()&&(e=t.getTotalTime()),g.makeSeconds(e)<0&&(e=0),t.getTrack().player.seekTime=g.makeSeconds(e),f.updateState.call(t),0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()&&d.Jouele.history[0].getTrack().player!==t.getTrack().player&&(d.Jouele.history[0].getTrack().player.isPaused||d.Jouele.history[0].pause()),!t.getTrack().player.howler&&!h.createHowler.call(t))return h.breakPlayer.call(t),t;if(t.getTrack().player.isEnded=!1,t.getTrack().player.isLoaded&&t.getTotalTime()?(k.show.call(t,200),t.getTrack().player.howler.seek(t.getTrack().player.seekTime)):(t.getTrack().player.isStarted||t.getTrack().player.howler.load(),k.show.call(t)),n.pushToHistory.call(t),h.Interface.makeInterfacePlay.call(t),t.getTrack().player.isStarted=!0,t.getTrack().player.isLoaded){var a,r=t.getTrack().player.howler.seek();setTimeout(function(){t.getTrack()&&r===t.getTrack().player.howler.seek()&&k.show.call(t),a=setInterval(function(){t.getTrack()&&r===t.getTrack().player.howler.seek()||(k.hide.call(t),clearTimeout(a))},50)},100),f.updateState.call(t)}return t},seek:function(e){var t=this,a=Math.round(100*parseFloat(e))/100;if(isNaN(a))return t;if(100<a&&(a=100),a<0&&(a=0),t.getTrack().player.seekPosition=a,0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()&&d.Jouele.history[0].getTrack().player!==t.getTrack().player&&(d.Jouele.history[0].getTrack().player.isPaused||d.Jouele.history[0].pause()),!t.getTrack().player.howler&&!h.createHowler.call(t))return h.breakPlayer.call(t),t;if(n.pushToHistory.call(t),h.Interface.makeInterfacePlay.call(t),t.getTrack().player.isEnded=!1,t.getTotalTime()?(t.getTrack().player.seekTime=Math.round(100*parseFloat(t.getTotalTime()*(a/100)))/100,t.getTrack().player.isLoaded?(t.getTrack().player.howler.seek(t.getTrack().player.seekTime),t.getTrack().player.seekTime===t.getTotalTime()?(setTimeout(function(){t.getTrack().player.howler._playLock&&t.getTrack().player.howler._emit.call(t.getTrack().player.howler,"seek",t.getTrack().player.howler._sounds[0])},500),k.show.call(t,500)):k.show.call(t,200)):(t.getTrack().player.isStarted||t.getTrack().player.howler.load(),k.show.call(t))):(t.getTrack().player.isStarted||t.getTrack().player.howler.load(),k.show.call(t)),t.getTrack().player.isStarted=!0,f.updateState.call(t),t.getTrack().player.isLoaded&&t.getTrack().player.seekTime!==t.getTotalTime()){var r,o=t.getTrack().player.howler.seek();setTimeout(function(){t.getTrack()&&o===t.getTrack().player.howler.seek()&&k.show.call(t),r=setInterval(function(){t.getTrack()&&o===t.getTrack().player.howler.seek()||(k.hide.call(t),clearTimeout(r))},50)},100),f.updateState.call(t)}return t},playNext:function(){var e=this;if(e.getOptions().repeat)return e.getTrack().player.isPlayed||e.play(),e;if(g.isMobile)return e;for(var t=0;t<d.Jouele.history[0].getPlaylist().length;t++)if(d.Jouele.history[0].getPlaylist()[t].getTrack()===d.Jouele.history[0].getTrack()){if(d.Jouele.history[0].getPlaylist()[t+1]instanceof y&&d.Jouele.history[0].getPlaylist()[t+1].getTrack()===d.Jouele.history[0].getTrack())continue;break}return d.Jouele.history[0].getPlaylist()[t+1]instanceof y?d.Jouele.history[0].getPlaylist()[t+1].play():d.Jouele.history[0].getPlaylistDOM().data("repeat")&&d.Jouele.history[0].getPlaylist()[0]instanceof y&&d.Jouele.history[0].getPlaylist()[0].play(),e},destroy:function(){var o=this,e=void 0!==o.$control&&0<o.$control.length;if((e&&o.getTrack().player.seekingOnTimeline.seekingInstance===o||!e&&o.getTrack().player.seekingOnTimeline.seekingInstance===o.$container.find(".jouele-control[data-type=timeline]").data("jouele"))&&(o.getTrack().player.seekingOnTimeline.isSeeking=!1,o.getTrack().player.seekingOnTimeline.seekingInstance=!1,o.getTrack().player.seekingOnTimeline.seekingPosition=null,o.getTrack().player.isLoaded||f.updateState.call(o),!o.getTrack().player.isStarted||o.getTrack().player.isPlaying||o.getTrack().player.isPlayed||h.Interface.makeInterfacePause.call(o)),e){var t="time-toggle"===o.$control.attr("data-type"),a=t?"true"===o.$control.attr("data-remaining")?"time-remaining":"time-elapsed":o.$control.attr("data-type");o.getTrack().controls[a]=o.getTrack().controls[a].filter(function(e,t){return!(t===o.$control[0])}),t&&(o.getTrack().controls["time-toggle"]=o.getTrack().controls["time-toggle"].filter(function(e,t){return!(t===o.$control[0])})),0<p.length&&p===o.$control&&o.$control.data("jouele-destroyed",o),o.$control.off(".jouele").removeData("jouele").removeData("range-start").removeData("range-end").removeClass("jouele-is-available jouele-is-loaded jouele-is-paused jouele-is-buffering jouele-is-within jouele-is-playing jouele-is-interactive")}else{for(var r=0;r<o.getTrack().instances.length;r++)if(o.getTrack().instances[r]===o){o.getTrack().instances.splice(r,1);break}d.each(o.getTrack().controls,function(e,t){o.getTrack().controls[e]=t.filter(function(e,t){var a=d(t),r=!1;return a.data("jouele")instanceof y&&"function"==typeof a.data("jouele").getParentJouele&&(r=a.data("jouele").getParentJouele()===o),!r})}),0<p.length&&p.data("jouele").getParentJouele()===o&&p.data("jouele-destroyed",o)}for(var n=0;n<o.getPlaylist().length;n++)if(o.getPlaylist()[n]===o){o.getPlaylist().splice(n,1);break}if(0===o.getPlaylist().length)for(var l=0;l<d.Jouele.playlist.length;l++)if(d.Jouele.playlist[l]===o.getPlaylist()){d.Jouele.playlist.splice(l,1);break}var i=!1;if(0===o.getTrack().instances.length&&d.each(o.getTrack().controls,function(e,t){if(0!==t.length)return i=!1;i=!0}),i){var s=function(){o.getTrack().player.updateStateTimer&&(g.hasRequestAnimationFrame?f.cancelAnimationFrame.call(o):clearInterval(o.getTrack().player.updateStateTimer),o.getTrack().player.updateStateTimer=null),k.hide.call(o),o.getTrack().player.howler&&(o.getTrack().player.howler.unload(),o.getTrack().player.howler=void 0),delete u[o.getTrack().player.href],f.updateState.call(o),f.updateTitle.call(o)};if(o.getTrack().player.isPlaying){var c=o.getTrack().player.callbacks.onpause;o.getTrack().player.callbacks.onpause=function(){return c&&c(),s(),!1},o.pause()}else o.getTrack().player.isStarted&&h.Interface.makeInterfacePause.call(o),s()}return e?(o.$control.removeClass("jouele_inited").addClass("jouele_destroyed"),o.$control):(o.$container.after(o.$link).detach(),o.$link.removeData("jouele").addClass("jouele_destroyed"),o.$link)},breakPlayer:function(){var e=this;void 0!==e.$control&&e.$control.length;e.getTrack().player.isBroken=!0,e.getTrack().player.updateStateTimer&&(g.hasRequestAnimationFrame?f.cancelAnimationFrame.call(e):clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.updateStateTimer=null),k.hide.call(e),f.updateTimeDisplay.call(e),d.each(e.getTrack().instances,function(e,t){t.$container&&(t.$container.addClass("jouele_broken"),t.$container.find(".jouele-info-control-button-icon_unavailable").removeClass("jouele-hidden"),t.$container.find(".jouele-info-control-link").addClass("jouele-hidden").off("click.jouele"))}),d.each(e.getTrack().controls,function(e,t){t.off(".jouele")}),f.updateControlsClasses.call(e,"jouele-is-available","remove"),f.updateControlsClasses.call(e,"jouele-is-loaded","remove"),f.updateControlsClasses.call(e,"jouele-is-paused","remove"),f.updateControlsClasses.call(e,"jouele-is-buffering","remove"),f.updateControlsClasses.call(e,"jouele-is-within","remove"),f.updateControlsClasses.call(e,"jouele-is-playing","remove"),f.updateControlsClasses.call(e,"jouele-is-interactive","remove"),f.updateControlsClasses.call(e,"jouele-is-unavailable","add");for(var t=0;t<d.Jouele.history.length;t++)d.Jouele.history[t].getTrack()===e.getTrack()&&(d.Jouele.history.splice(t,1),t--);for(var a=0;a<d.Jouele.playlist.length;a++){for(var r=0;r<d.Jouele.playlist[a].length;r++)d.Jouele.playlist[a][r]instanceof y&&d.Jouele.playlist[a][r].getTrack()===e.getTrack()&&(d.Jouele.playlist[a].splice(r,1),r--);0===d.Jouele.playlist[a].length&&(d.Jouele.playlist.splice(a,1),a--)}return f.updateState.call(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()?d.Jouele.history[0]:e),f.updateLength.call(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()?d.Jouele.history[0]:e),f.updateTitle.call(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()?d.Jouele.history[0]:e),e},Interface:{makeInterfacePause:function(){var e=this;return e.getTrack().player.isPaused=!0,e.getTrack().player.isPlaying=!1,f.updateControlsClasses.call(e,"jouele-is-paused","add"),f.updateControlsClasses.call(e,"jouele-is-playing","remove"),e},makeInterfacePlay:function(){return this.getTrack().player.isPaused=!1,f.updateControlsClasses.call(this,"jouele-is-paused","remove"),f.updateControlsClasses.call(this,"jouele-is-playing","add"),this}},Events:{onPause:function(){var e=this;return e.getTrack().player.updateStateTimer&&(g.hasRequestAnimationFrame?f.cancelAnimationFrame.call(e):clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.updateStateTimer=null),h.Interface.makeInterfacePause.call(e),e.getTrack().player.seekingOnTimeline.isSeeking=!1,e.getTrack().player.seekingOnTimeline.seekingInstance=!1,e.getTrack().player.seekTime=null,e.getTrack().player.seekPosition=null,a=null,e},onPlay:function(){var e=this;if(0<d.Jouele.history.length&&void 0!==d.Jouele.history[0].getTrack()&&d.Jouele.history[0].getTrack().player!==e.getTrack().player&&(d.Jouele.history[0].getTrack().player.isPaused||d.Jouele.history[0].pause()),e.getTrack().player.isPaused)return e.getTrack().player.howler&&e.getTrack().player.howler.pause(),e;if(h.Interface.makeInterfacePlay.call(e),e.getTrack().player.isPlaying=!0,e.getTrack().player.isPlayed=!0,e.getTrack().player.seekTime=null,e.getTrack().player.seekPosition=null,e.getTrack().player.isEnded=!1,f.updateControlsClasses.call(e,"jouele-is-playing","add"),f.updateState.call(e),k.hide.call(e),g.hasRequestAnimationFrame)e.getTrack().player.updateStateTimer&&f.cancelAnimationFrame.call(e),e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=f.requestAnimationFrameProgress.call(e,!0,function(){e.getTrack().player.howler&&(a&&a===e.getTrack().player.howler.seek()?k.show.call(e,200):k.hide.call(e),a=e.getTrack().player.howler.seek())}));else{var t=Math.round(1e3*(Math.ceil(e.getTrack().player.howler.seek())-e.getTrack().player.howler.seek()))/1e3;setTimeout(function(){f.updateState.call(e,!0),e.getTrack().player.updateStateTimer&&clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=setInterval(function(){e.getTrack().player.howler&&(a&&a===e.getTrack().player.howler.seek()?k.show.call(e,200):k.hide.call(e),a=e.getTrack().player.howler.seek()),f.updateState.call(e,!0)},1e3))},1e3*t)}return e},onSeek:function(){var e=this;if(null!==e.getTrack().player.seekTime&&e.getTrack().player.seekTime!==e.getTotalTime()&&100!==e.getTrack().player.seekPosition&&.01<Math.abs(e.getTrack().player.howler.seek()-e.getTrack().player.seekTime))return h.seek.call(e),e;if(e.getTrack().player.isPaused&&e.getTrack().player.howler&&!e.getTrack().player.howler._sounds[0]._ended)return e.getTrack().player.howler&&!e.getTrack().player.howler._sounds[0]._paused&&e.getTrack().player.howler.pause(),e;if(e.getTrack().player.isPlaying||k.show.call(e,200),e.getTrack().player.updateStateTimer&&(g.hasRequestAnimationFrame?f.cancelAnimationFrame.call(e):clearInterval(e.getTrack().player.updateStateTimer)),e.getTrack().player.seekTime===e.getTotalTime())return e.getTrack().player.isPlayed?e.getTrack().player.isPlaying&&(e.getTrack().player.howler._sounds[0]._paused=!1):e.getTrack().player.isPlayed=!0,e.getTrack().player.howler._ended.call(e.getTrack().player.howler,e.getTrack().player.howler._sounds[0]),e;if(f.updateState.call(e),g.hasRequestAnimationFrame)e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=f.requestAnimationFrameProgress.call(e,!0,function(){e.getTrack().player.howler&&(a&&a===e.getTrack().player.howler.seek()?k.show.call(e,200):k.hide.call(e),a=e.getTrack().player.howler.seek())}));else{var t=Math.round(1e3*(Math.ceil(e.getTrack().player.howler.seek())-e.getTrack().player.howler.seek()))/1e3;setTimeout(function(){f.updateState.call(e,!0),e.getTrack().player.updateStateTimer&&clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.isPaused||(e.getTrack().player.updateStateTimer=setInterval(function(){e.getTrack().player.howler&&(a&&a===e.getTrack().player.howler.seek()?k.show.call(e,200):k.hide.call(e),a=e.getTrack().player.howler.seek()),f.updateState.call(e,!0)},1e3))},1e3*t)}return e.getTrack().player.isPlaying&&(e.getTrack().player.seekTime=null,e.getTrack().player.seekPosition=null),void 0===d.Jouele.history[0].getTrack()||d.Jouele.history[0].getTrack().player!==e.getTrack().player||e.getTrack().player.isPlaying&&e.getTrack().player.isStarted||h.play.call(e),e},onEnd:function(){var e=this;return k.hide.call(e),e.getTrack().player.updateStateTimer&&(g.hasRequestAnimationFrame?f.cancelAnimationFrame.call(e):clearInterval(e.getTrack().player.updateStateTimer),e.getTrack().player.updateStateTimer=null),e.getTrack().player.seekingOnTimeline.seekingPosition=100,f.updateState.call(e),e.getOptions().repeat||h.Interface.makeInterfacePause.call(e),e.getTrack().player.seekingOnTimeline.isSeeking=!1,e.getTrack().player.seekingOnTimeline.seekingInstance=!1,e.getTrack().player.seekingOnTimeline.seekingPosition=null,e.getTrack().player.seekTime=null,e.getTrack().player.seekPosition=null,e.getTrack().player.isEnded=!0,h.playNext.call(e),e},onLoad:function(){var e=this;return e.getTrack().player.isLoaded=!0,f.updateLength.call(e),f.updateControlsClasses.call(e,"jouele-is-loaded","add"),e.getTrack().player.seekingOnTimeline.isSeeking||(0<e.getTrack().player.seekPosition?e.getTrack().player.isPaused?(e.getTrack().player.seekTime=Math.round(100*parseFloat(e.getTotalTime()*(e.getTrack().player.seekPosition/100)))/100,e.getTrack().player.howler.seek(e.getTrack().player.seekTime)):h.seek.call(e,e.getTrack().player.seekPosition):e.getTrack().player.seekTime?e.getTrack().player.isPaused?e.getTrack().player.howler.seek(e.getTrack().player.seekTime):h.playFrom.call(e,e.getTrack().player.seekTime):e.getTrack().player.isPaused||h.play.call(e)),f.updateState.call(e),e}}},y=function(e,t){void 0===u[t.href]&&(u[t.href]=n.createTrack(t.href)),t=n.checkOptions(t);var a,r=d(),o=[];if(this.getOptions=function(){return t},this.getHref=function(){return this.getOptions().href},this.getTrack=function(){return u[this.getHref()]},this.getTitle=function(){return void 0!==this.getTrack()?this.getTrack().player.title:""},this.getTotalTime=function(){return void 0!==this.getTrack()?this.getTrack().player.totalTime:0},this.getElapsedTime=function(){return void 0!==this.getTrack()?this.getTrack().player.elapsedTime:0},this.getRemainingTime=function(){return void 0!==this.getTrack()?this.getTrack().player.remainingTime:0},this.getPlaylistDOM=function(){return r},this.getPlaylist=function(){return o},this.isPlaying=function(){return void 0!==this.getTrack()&&this.getTrack().player.isPlaying},this.isPlayed=function(){return void 0!==this.getTrack()&&this.getTrack().player.isPlayed},this.isPaused=function(){return void 0!==this.getTrack()&&this.getTrack().player.isPaused},this.isBroken=function(){return void 0!==this.getTrack()&&this.getTrack().player.isBroken},this.setOptions=function(e){return void 0!==this.getTrack()||(t=d.extend(t,n.checkNewOptions(t,e)),this.getTrack().player.howler&&this.getTrack().player.howler.loop(t.repeat),f.updateTitle.call(this)),this},this.play=function(){return void 0!==this.getTrack()?this.getTrack().player.play.call(this):this},this.pause=function(){return void 0!==this.getTrack()?this.getTrack().player.pause.call(this):this},this.playFrom=function(e){return void 0!==this.getTrack()?this.getTrack().player.playFrom.call(this,e):this},this.seek=function(e){return void 0!==this.getTrack()?this.getTrack().player.seek.call(this,e):this},this.destroy=function(){return void 0!==this.getTrack()?h.destroy.call(this):this},e.hasClass("jouele")&&e.attr("href"))this.$container=null,this.$link=e,r=n.findPlaylistInDOM.call(this),o=d.Jouele.playlist[n.getPlaylistIndex.call(this)],this.getTrack().instances.push(this),f.updateLength.call(this),n.createJoueleDOM.call(this),f.updateTitle.call(this),n.checkGlobalOptions.call(this),n.insertJoueleDOM.call(this);else{if(!e.hasClass("jouele-control")||!e.attr("data-href"))return this;if(this.$control=e,f.updateLength.call(this),f.updateTitle.call(this),n.pushControl.call(this,e),0===this.$control.parents(".jouele").length)r=n.findPlaylistInDOM.call(this),o=d.Jouele.playlist[n.getPlaylistIndex.call(this)],n.checkGlobalOptions.call(this);else{a=this.$control.parents(".jouele").eq(0).data("jouele"),this.getParentJouele=function(){return a},this.getPlaylistDOM=function(){return a.getPlaylistDOM()},this.getPlaylist=function(){return a.getPlaylist()}}}return e.removeClass("jouele_destroyed"),e.data("jouele",this),this};d.Jouele={tracks:u,playlist:[],history:[],controls:{"play-pause":d(),play:d(),pause:d(),"time-total":d(),"time-elapsed":d(),"time-remaining":d(),timeline:d(),elapsed:d(),remaining:d(),position:d(),seek:d(),title:d()},options:{pauseOnSpace:!1,playOnSpace:!1,scrollOnSpace:!0},helpers:{formatTime:g.formatTime,makeSeconds:g.makeSeconds},version:"3.0.7-beta"},d(document).off("keydown.jouele").on("keydown.jouele",t),d(document).off("mouseup.jouele touchend.jouele touchcancel.jouele mousemove.jouele touchmove.jouele").on("mouseup.jouele touchend.jouele touchcancel.jouele mousemove.jouele touchmove.jouele",r),d.fn.jouele=function(t){var a;return"undefined"==typeof Howl?(g.showError("Please include `howler.js 2.0.15` into your page — it is necessary for Jouele"),this):1===this.length&&(a=this.data("jouele"))instanceof y?"string"==typeof t&&void 0!==a[t]&&"function"==typeof a[t]&&"number"!=typeof a[t].nodeType?a[t].call(a):this:this.each(function(){var e=d(this);if(a=e.data("jouele"),!e.hasClass("jouele")&&!e.hasClass("jouele-control"))return g.showError("Please add `jouele` or `jouele-control` class to this element"),this;e.data("jouele")||n.createJouele(e,t)})};d(function(){d("a.jouele[href]").add(".jouele-control[data-type]").jouele()})}(jQuery);


--------------------------------------------------------------------------------