kw/js/scripts.js

Amplitude.init({
	"songs": [
		{
			"name": "Scenes from Childhood, Op. 15 No. 1",
			"artist": "Robert Schumann",
			"album": "",
			"url": "/audio/schumman.mp3",
			"cover_art_url": "/img/schumann.png"
		},
		{
			"name": "Mazurka in A minor, Op. 17 No. 4",
			"artist": "Frédéric Chopin",
			"album": "",
			"url": "/audio/mazurka_am.mp3",
			"cover_art_url": "/img/chopin.png"
		},
		{
			"name": "Doctor Gradus as Parnuassum",
			"artist": "Claude Debussy",
			"album": "Children's Corner Suite, L 113",
			"url": "/audio/dr_gradus.m4a",
			"cover_art_url": "/img/gradus.jpg"
		},
		{
			"name": "Sonatina in C Major, Op. 55 No. 1",
			"artist": "Friedrich Kuhlau",
			"album": "",
			"url": "/audio/Kuhlau.mp3",
			"cover_art_url": "/img/kuhlau.png"
		},
    {
			"name": "China",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/01_China.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Experiment in C Minor",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/02_Experiment_in_Cm.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "E Minor Diversion",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/03_EmDiversion.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Poem",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/06_Poem.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "The Other Room",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/07_The_Other_Room.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Smokin",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/08_Smokin.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Poem #2",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/09_poem3.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Poem #4",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/06_poem4.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Prelude in G Minor",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/11_Prelude_in_Gm.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Farout",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/12_farout.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "China #2",
			"artist": "2010",
			"album": "Icon",
			"url": "/audio/icon/15_china2.mp3",
			"cover_art_url": "/img/icons.jpg"
		},
		{
			"name": "Clementi Sample",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/1_clementisample.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Clementi Sample #2",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/2_Clementisample2.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Nocture Sample",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/3_nocturnesample.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Diversion in D Sharp Minor",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/4_diversion_in_dsharpm.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Meditation in F Sharp",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/mediation_in_fsharp.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Poem #2",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/poemnumber2.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Prelude in C Minor",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/Prelude_in_Cm1.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Solfeggio",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/solfeggio.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Waltz in E Minor",
			"artist": "2010",
			"album": "Diversions",
			"url": "/audio/diversions/waltz_in_em.mp3",
			"cover_art_url": "/img/diversions.jpg"
		},
		{
			"name": "Protos",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/1-Protos.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Mercury",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/2-Mercury.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Mystic",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/3-Mystic.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Hermes",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/4-Hermes.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Agentum",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/5-Agentum.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Aurum",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/6-Aurum.mp3",
			"cover_art_url": "/img/mystic.png"
		},
		{
			"name": "Ouroboros",
			"artist": "2015",
			"album": "Mystic",
			"url": "/audio/mystic/7-Ouroboros.mp3",
			"cover_art_url": "/img/mystic.png"
		},
	],
  "callbacks": {
        'play': function(){
            document.getElementById('album-art').style.visibility = 'hidden';
            document.getElementById('large-visualization').style.visibility = 'visible';
        },

        'pause': function(){
            document.getElementById('album-art').style.visibility = 'visible';
            document.getElementById('large-visualization').style.visibility = 'hidden';
        }
    },
	waveforms: {
    sample_rate: 200
  }
});

let songElements = document.getElementsByClassName('song');

for( var i = 0; i < songElements.length; i++ ){
	/*
		Ensure that on mouseover, CSS styles don't get messed up for active songs.
	*/
	songElements[i].addEventListener('mouseover', function(){
		this.style.backgroundColor = '#494949';

		this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#FFFFFF';
		this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#FFFFFF';

		if( !this.classList.contains('amplitude-active-song-container') ){
			this.querySelectorAll('.play-button-container')[0].style.display = 'block';
		}
		this.querySelectorAll('.song-duration')[0].style.color = '#FFFFFF';
	});

	/*
		Ensure that on mouseout, CSS styles don't get messed up for active songs.
	*/
	songElements[i].addEventListener('mouseout', function(){
		this.style.backgroundColor = '#FFFFFF';
		this.querySelectorAll('.song-meta-data .song-title')[0].style.color = '#272726';
		this.querySelectorAll('.song-meta-data .song-artist')[0].style.color = '#607D8B';
		this.querySelectorAll('.play-button-container')[0].style.display = 'none';
		this.querySelectorAll('.song-duration')[0].style.color = '#607D8B';
	});

	/*
		Show and hide the play button container on the song when the song is clicked.
	*/
	songElements[i].addEventListener('click', function(){
		this.querySelectorAll('.play-button-container')[0].style.display = 'none';
	});
}


const myModalEl = document.getElementById('Video');
var video = document.getElementById("redemption");
var video2 = document.getElementById("hollow");
function stopVideo() {
	video.pause();
	video.currentTime = 0;
	video2.pause();
	video2.currentTime = 0;
}
myModalEl.addEventListener('hidden.bs.modal', event => {
  stopVideo();
})