Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate
Feedback

Enhancements to the music player

glitchart
Wednesday, April 10, 2024 - 03:21

Given the ammount and quality of music tracks this site is hosting I think the music player is quite basic.

I'm not sure how this site is built but I think that a more advanced player in which at least you can move forward and backward and maybe add some spectral representation of the track would be a nice feature to add.

  • Log in or register to post comments
MedicineStorm
joined 12 years 8 months ago
Wednesday, April 10, 2024 - 08:15
MedicineStorm's picture

Show me how it's done. :)

https://github.com/OpenGameArt/OGA2-Modules

https://github.com/OpenGameArt/OGA2-Theme

--Medicine Storm

 

  • Log in or register to post comments
glitchart
joined 3 years 2 months ago
Wednesday, April 10, 2024 - 12:20

hei, thanks for the links... so the site is build on drupal....

I don't think I have the needed skillset to create a module for drupal, but I think that achieving what I said should not be that hard: I investigated and found a software that creates a png with the spectrogram of a music track: https://github.com/beschulz/wav2png

The software is used on freesound and more details for developers can be found here: https://freesound.org/forum/freesound-project/1114/?page=1#post

I'm not really sure if it can be implemented on drupal but If I find a way I will let you know.

It is not really that important but I think it would be a nice feature to add.

  • Log in or register to post comments
glitchart
joined 3 years 2 months ago
Friday, April 12, 2024 - 03:31

Here you are:

Code: https://ufile.io/4fwlpdii

Just for clarification, I don't know how modules for druppal are created and that is just a simple implementation in pure javascript / html, but it works and even if you don't create a module for druppal you can inject it in the code (although that's harder to maintain afterwards).

I have no account on github and since is not a druppal module which I think is the best way to add such feature I'm sharing it here, In the hope that you find it useful and / or inspiring!

  • Log in or register to post comments
glitchart
joined 3 years 2 months ago
Thursday, April 11, 2024 - 03:34

I forgot to put some context about the main javascript library used for the player and here many examples and documentation can be found: https://wavesurfer.xyz/examples/?zoom.js

The code is open source and it has BSD license: https://github.com/katspaugh/wavesurfer.js?tab=BSD-3-Clause-1-ov-file#re...

I'm not sure if there is any incompatility with such license as I've never heard of it before.

  • Log in or register to post comments