Sharing a browser-based editor for OpenSongApp

[Edgar Gongora]

Hi everyone, first of all, my English is not as good as I want, but I’ll try my best (with some Google Translator help).

Thanks again to Gareth for the kind reply. As I mentioned before, I’m a new user who really enjoys OpenSongApp, and I wanted to share what I’ve been working on.

I have created, with a lot of support from AI tools, a simple browser-based editor as a companion tool for OpenSongApp. It’s not meant to replace anything, just to complement the mobile app by allowing editing on a larger screen. It’s a Progressive Web App (PWA), which means you can use it directly in the browser or install it like an app on your computer. Installed PWAs don’t ask for permissions every time, and they can also work offline. At the same time, you can still use it on your browser if want to.

The editor currently has only basic functions (lyrics, chords, preview, autoscroll, etc.). It does not support ChordPro format, and I can’t promise to add many more features—I just wanted to contribute something that might be useful for someone.

Here’s the link to try it:
https://gusakorn.github.io/SongEditorWeb/  

GitHub repo:
https://github.com/gusakorn/SongEditorWeb

I’m not a developer, so this was just a personal project, but I’d be happy to open it up for collaboration if anyone is interested. Feedback is very welcome.

Greetings from Mexico,
Edgar

[Jürgen Eisenberg]

Dear Edgar,

This is a fantastic help to edit files on a computer, copy them from simple text files into this app and convert them to the OpenSong format and it makes it so easy to compare different versions of a song or 2 set lists in 2 windows side by side! 

There are still some parts where some instructions or help line is in Spanish, after switching to English, but that's Ok.

After editing or deleting a song the focus of the file list shifts to the top of the list and I have to search for the section where I was. It would help if focus can stay on the edited song or move back to the same or previous or next song after deletion.

I was not able to use this web app properly in my Brave browser and had to switch to the Edge browser, which is Ok for this purpose. 

Great work and thanks a lot for doing this. I'm sure it will be a great help for many!

Greetings from Germany,

Juergen

[Edgar Gongora]

Dear Juergen,

Thank you very much for your kind words and for taking the time to test the editor. I really appreciate your detailed feedback.

I’ve already fixed the language issue so that the interface now switches fully to English, and I also solved the problem with the file explorer focus after editing or deleting a song. Also I added a highligh on the selected song.

I haven’t yet tested Brave browser myself, but I’ll do my best to investigate what happens there and try to find a solution.

Thanks again for your feedback— it means a lot to me to know the tool is useful.

Regarding Brave browser: by default it shows the error “Browser not supported (use Chrome/Edge)” when trying to choose the root folder. I found that this happens because Brave disables the File System Access API by default. If you enable it in Brave’s flags, the editor works correctly. brave://flags/, then look for "File System Access API" and enable it.

I had also a small issue where the cursor disappears, but disabling hardware acceleration in Brave solves it and allows the editor to be used normally. (Settings > System)

I’ll keep investigating to see if I can make this smoother, but for now these adjustments make the editor usable in Brave.

Edgar

[Gareth Evans]

Hi Edgar,

Thank you for quickly implementing some of my suggestions!  They seem to be working well.

I have added a link on my website to your app - I hope that's ok?

https://www.opensongapp.com/user-manual/songs/edit-song#h.1ewjqncvbukm

[Edgar Gongora]

Of course, that's fine.

Thank you so much for adding a link to my editor on the OpenSongApp website.
It means a lot to me that you found the editor useful enough to share with the community. I'll keep working on it.

[Gareth Evans]

Delighted to have you on board as a contributor to the community!!!

If you want anything changed on that link, please let me know.  I'm also thinking about a separate page on the website to link to useful resources.  When I do, you will, of course, be on it!

I had thought about a link directly in the app (on the edit lyrics page), but I guessed that it would be pointless, since the user would already be using a small screen, so wouldn't get any benefit from it

--
When responding to a post on the forum using your email, please make sure to click on the 'Reply all' button so that your response is also sent to the forum for other people to see the full conversation.
---
You received this message because you are subscribed to the Google Groups "OpenSongApp" group.
To unsubscribe from this group and stop receiving emails from it, send an email to opensongapp...@googlegroups.com.
To view this discussion, visit https://groups.google.com/d/msgid/opensongapp/346df7fe-2ace-418f-a611-419bf2301f78n%40googlegroups.com.

[Jürgen Eisenberg]

Dear Edgar,

thanks for making these changes and checking the Brave browser und giving these instructions which really helped.

But now I noticed after making changes in a few songs that, after saving them, I can't load them anymore. I opened them in the Notepad editor and comparing them to the older version of same songs that 2 more fields are added in the header of the song files:
<song>
  <uuid>9c80a00d-1294-41f0-b278-51b2debde858</uuid>
  <last_modified>2026-05-07T13:52:03Z</last_modified>
  <title>Above All</title>

  ...

I'm not familiar with the exact formatting of the songs and I don't like to study that just now and if it would help you I can send you those file for you to compare, but you might find these same issues. I also suspected that it may be an issue with Brave but the same thing happens in the Edge browser.

I also notice when saving and after the browser can't load the saved file the messages appear still in Spanish.

While looking for songs (I have a few hundred) there are some with long song titles and few start with the same words and then can't be distinguished it would help to have an option to display the full title while hovering over the title with the mouse pointer or by right clicking. But if that's too difficult to add it will be Ok.

The changes I made were adding German lyrics in a few files below the English lines of lyrics using [V1L], [C1L], etc. to tell the app to show these as 2 language and the OpenSongApp shows these lines in 2 different colours. It would be nice if you could also implement that in your Preview section.

Thanks again for your great work and fast responses.

Blessings,

Jürgen

[Edgar Gongora]

Hi again, Jürgen.

I've checked the formatting error you shared. The explanation I've found is that the web editor was saving files in a format that wasn't fully compatible with the OpenSongApp format, which is now compatible. However, it seems that files created exclusively with the web editor before this change are generating this error. New files and files created in OpenSongApp shouldn't produce this error. A quick solution I found for those files that don't open is simply to remove the lines:

<capo print="">
<#text print="false"></#text>
<capo>

in your Notepad and save. This should allow you to open and edit them again in the web editor. Sorry for the inconvenience. And please let me know if this works for you.

I hadn't noticed the error message in Spanish; I'll change it.
I think your suggested changes are excellent. Displaying the full title on hover should be easy to implement, as should adding text in other languages.

Thank you for your comments and feedback.

[Edgar Gongora]

Message: Hi again Jürgen,

Thank you again for your detailed feedback—it’s been very helpful. I wanted to let you know that the issue with the extra <capo> lines causing corrupted XML files has been fully fixed, so this won’t happen anymore in future saves.

I’ve also implemented the improvements you suggested, along with a few more:

• Full song titles: now shown with instant tooltips, so long titles are easy to read. Also works with artist names.

• Bilingual lyrics styling: adaptive colors for second-language lines ([V1L], [C1L], etc.), matching how OpenSongApp displays them.

• Stable saving: no more XML corruption—files save cleanly from now and load correctly. If you modify an old SongEditorWeb file you can save it without any error.

• Refined UX: alerts now appear in your selected language with a prettier window, and I’ve optimized the save shortcut to Alt+S.

• New player: an audio player using YouTube links in metadata, with moving titles and quick rewind for practice sessions.

I hope these changes make the editor more enjoyable and closer to what you need. Please let me know how they work for you, and if you notice anything else that could be improved.

Edgar

[Gareth Evans]

Wow, that sounds great!!!

I'll have a check though tonight when I get home.  Really good work! 

Gareth

--

When responding to a post on the forum using your email, please make sure to click on the 'Reply all' button so that your response is also sent to the forum for other people to see the full conversation.
---
You received this message because you are subscribed to the Google Groups "OpenSongApp" group.
To unsubscribe from this group and stop receiving emails from it, send an email to opensongapp...@googlegroups.com.

To view this discussion, visit https://groups.google.com/d/msgid/opensongapp/e3186fb3-c646-4eef-aff0-9a6b96463337n%40googlegroups.com.

[Gareth Evans]

Hi Edgar, they are working great - well done!!