The idea is to:

1. Run a script which converts a SONGNAME.wav to SONGNAME.mp3, SONGNAME.ogg and SONGNAME.webm (using ffmpeg)
2. Upload the 3 files to https://kuu.se/play/audio/
3. Play the the file https://kuu.se/play/#SONGNAME using the same player.

Things to improve:

1. Big play/pause button
2. Responsive (even bigger play button on phone)
3. Siri waves at bottom of page (or anywhere not interfering with button)
4. Bigger volume button with vertical layout
5. Fast Forward/Rewind not working on mobile

Tests:

• original example: https://howlerjs.com/#player OK
• fossil server: http://192.168.1.37:8080/doc/ckout/index.html BUG: mobile (Chrome and Opera) - restarts from beginning after pause instead of continue
• file Win32: file:///C:/fossil/nested/howler/index.html OK
• file Android: file:///C:/fossil/nested/howler/index.html OK (termux-storage-setup, copy howler to ~/storage/shared/kuuse/
• https://kuu.se/play/ Apache - OK (also on mobile)

Bug may be related to fossil server. No need to fix for now.

On server

First time:

    mkdir -p /home/redantig/www/kuu.se/play && cd /home/redantig/www/kuu.se/play && fossil open ~/fossil/repos/howler.fossil

Update:

    cd /home/redantig/www/kuu.se/play && fossil update

deepPink

http://www.html-color-names.com/deeppink.php

    HTML Color Name     DeepPink
    Hex Color Code      #ff1493
    RGB Decimal         rgb(255, 20, 147)

Howler GitHub

https://github.com/goldfire/howler.js

Better GUI than Howler's demo player

Wavesurfer

https://github.com/katspaugh/wavesurfer.js

Howler + Wavesurfer

• https://github.com/goldfire/howler.js/issues/701
• https://loops.planeptune.org/?update=5&loop=zefie_lunar&samples=6901&volume=25&debug=core
• https://loops.planeptune.org/source/
• https://github.com/goldfire/howler.js/issues/991
• https://kosso.github.io/demos/media_drop/index.html