aboutsummaryrefslogtreecommitdiff
/**
 * SPDX-License-Identifier: LicenseRef-GPL-3.0-or-later-WITH-js-exceptions
 *
 * Allow playing audio previews on OpenGameArt.
 *
 * Copyright (C) 2022 Jacob K
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you
 * may distribute forms of that code without the copy of the GNU
 * GPL normally required by section 4, provided you include this
 * license notice and, in case of non-source distribution, a URL
 * through which recipients can access the Corresponding Source.
 * If you modify file(s) with this exception, you may extend this
 * exception to your version of the file(s), but you are not
 * obligated to do so. If you do not wish to do so, delete this
 * exception statement from your version.
 *
 * As a special exception to the GPL, any HTML file which merely
 * makes function calls to this code, and for that purpose
 * includes it by reference shall be deemed a separate work for
 * copyright law purposes. If you modify this code, you may extend
 * this exception to your version of the code, but you are not
 * obligated to do so. If you do not wish to do so, delete this
 * exception statement from your version.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

/* Use with: https://opengameart.org/*** */

// for each play button, add child audio element and an event to play it
[...document.getElementsByClassName("play-button")].forEach(function(element){
	// add a child audio element to each button
	let audioElement = document.createElement("audio");
	audioElement.src = element.getAttribute("data-ogg-url");
	element.appendChild(audioElement);
	element.addEventListener("click", function(){ // on click, switch between pause and play
		if (audioElement.paused) {
			audioElement.play();
			element.className = "stop-button";
		} else {
			audioElement.pause();
			element.className = "play-button";
		}
	});
	// display the play button when the audio ends
	audioElement.onended = function(){
		element.className = "play-button";
	}
});