|
1
|
/**
|
|
2
|
* SPDX-License-Identifier: LicenseRef-GPL-3.0-or-later-WITH-js-exceptions
|
|
3
|
*
|
|
4
|
* Allow playing audio previews on OpenGameArt.
|
|
5
|
*
|
|
6
|
* Copyright (C) 2022 Jacob K
|
|
7
|
*
|
|
8
|
* This program is free software: you can redistribute it and/or modify
|
|
9
|
* it under the terms of the GNU General Public License as published by
|
|
10
|
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
* (at your option) any later version.
|
|
12
|
*
|
|
13
|
* This program is distributed in the hope that it will be useful,
|
|
14
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
* GNU General Public License for more details.
|
|
17
|
*
|
|
18
|
* As additional permission under GNU GPL version 3 section 7, you
|
|
19
|
* may distribute forms of that code without the copy of the GNU
|
|
20
|
* GPL normally required by section 4, provided you include this
|
|
21
|
* license notice and, in case of non-source distribution, a URL
|
|
22
|
* through which recipients can access the Corresponding Source.
|
|
23
|
* If you modify file(s) with this exception, you may extend this
|
|
24
|
* exception to your version of the file(s), but you are not
|
|
25
|
* obligated to do so. If you do not wish to do so, delete this
|
|
26
|
* exception statement from your version.
|
|
27
|
*
|
|
28
|
* As a special exception to the GPL, any HTML file which merely
|
|
29
|
* makes function calls to this code, and for that purpose
|
|
30
|
* includes it by reference shall be deemed a separate work for
|
|
31
|
* copyright law purposes. If you modify this code, you may extend
|
|
32
|
* this exception to your version of the code, but you are not
|
|
33
|
* obligated to do so. If you do not wish to do so, delete this
|
|
34
|
* exception statement from your version.
|
|
35
|
*
|
|
36
|
* You should have received a copy of the GNU General Public License
|
|
37
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
38
|
*/
|
|
39
|
|
|
40
|
/* Use with: https://opengameart.org/*** */
|
|
41
|
|
|
42
|
// for each play button, add child audio element and an event to play it
|
|
43
|
[...document.getElementsByClassName("play-button")].forEach(function(element){
|
|
44
|
// add a child audio element to each button
|
|
45
|
let audioElement = document.createElement("audio");
|
|
46
|
audioElement.src = element.getAttribute("data-ogg-url");
|
|
47
|
element.appendChild(audioElement);
|
|
48
|
element.addEventListener("click", function(){ // on click, switch between pause and play
|
|
49
|
if (audioElement.paused) {
|
|
50
|
audioElement.play();
|
|
51
|
element.className = "stop-button";
|
|
52
|
} else {
|
|
53
|
audioElement.pause();
|
|
54
|
element.className = "play-button";
|
|
55
|
}
|
|
56
|
});
|
|
57
|
// display the play button when the audio ends
|
|
58
|
audioElement.onended = function(){
|
|
59
|
element.className = "play-button";
|
|
60
|
}
|
|
61
|
});
|