Hello.

I like to listen to music, and create their art. Also, I do a little programming.

I want to suggest a few ideas that I have:

In the beginning, I noticed that when playing music on multiple pages, it is difficult to quickly determine what is turned on:

But what do you say to that?

I used color #acbdd5 as a tint from the main color scheme of OpenGameArt.

This effect can be easily achieved by adding to oga_theme.js the following code:

function stopButton(b) { var c = b.parentElement; while (c.className.indexOf('view-mode-art_preview') == -1) c = c.parentElement; c.style.backgroundColor = ''; $(b).addClass('play-button'); $(b).removeClass('stop-button'); b.audioElement.currentTime = 0; b.audioElement.pause(); } function playButton(b) { var c = b.parentElement; while (c.className.indexOf('view-mode-art_preview') == -1) c = c.parentElement; c.style.backgroundColor = '#acbdd5'; $(b).addClass('stop-button'); $(b).removeClass('play-button'); if(!(b.audioElement)) { b.audioElement = document.createElement('audio'); if(b.audioElement.canPlayType) { var url; if(b.audioElement.canPlayType('audio/ogg; codecs="vorbis"')) { url = $(b).attr('data-ogg-url'); } else if(b.audioElement.canPlayType('audio/mpeg')) { url = $(b).attr('data-mp3-url'); } b.audioElement.setAttribute('src', url); b.audioElement.load(); } else { // flash fallback } } if(b.audioElement.canPlayType) { b.audioElement.play(); } else { // flash fallback } }

Also, I noticed that there are pages where music is not played. For example, these are the authors ' pages and their collections: https://opengameart.org/users/bart

I checked and came to the conclusion that the problem is in a double div with class named "content". If you change the first div named "content" to "content_type_some_text", and unset event for this div, and next, reload external script "oga_theme.js", all's will work perfectly.

I hope it was good for this community. A little later, I'll be even more useful when I add my own music.