Fixes WebAudio sink not playing on Safari

[digitaldan]

Fixes #1717.

Safari (and Chrome possibly as well) requires a user interaction after a web audio stream has been requested, which means audio will not play until at least one stream has been started and then the user clicks somewhere in the web app.
This implements a workaround (https://www.mattmontag.com/web/unlock-web-audio-in-safari-for-ios-and-macos) which unlocks and stores the AudioContext globally, so that after the first stream only a single interaction is required for the lifetime of that browser session.

[digitaldan]

This is my quick and dirty workaround for Safari being difficult.

[florian-h05]

LGTM, thank you very much!!

I have tested this, works fine with openHAB's barking.mp3.
Does not work with the doorbell.mp3, my BrowserStack iOS debugger (thx @ghys) says Unhandled Promise Rejection: EncodingError: Decoding failed, but this is related to the encoding and we can't help there.

@digitaldan Is this ready for merging? It still has WIP.

[relativeci]

Job #851: Bundle Size — 16.25MiB (~+0.01%).

c83403e(current) vs 947418b main#850(baseline)

⚠️ Bundle contains 16 duplicate packages

Metrics (2 changes)

	Current Job #851	Baseline Job #850
Initial JS	1.86MiB(~-0.01%)	1.86MiB
Initial CSS	608.62KiB	608.62KiB
Cache Invalidation	90.64%	0%
Chunks	218	218
Assets	688	688
Modules	1706	1706
Duplicate Modules	82	82
Duplicate Code	1.72%	1.72%
Packages	138	138
Duplicate Packages	15	15

Total size by type (2 changes)

	Current Job #851	Baseline Job #850
CSS	857.89KiB	857.89KiB
Fonts	1.08MiB	1.08MiB
HTML	1.23KiB	1.23KiB
IMG	140.74KiB	140.74KiB
JS	9.2MiB (~-0.01%)	9.2MiB
Media	295.6KiB	295.6KiB
Other	4.71MiB (~+0.01%)	4.71MiB

---

View job #851 report View main branch activity

[digitaldan]

Let me clean it up a bit, i believe there are some formatting violations, plus i want to make the variable naming more consistent. I kinda just threw it together to be honest ;-)

[florian-h05]

I have fixed the linting errors, so you need to update before cleaning up.

[wborn]

When it's fixed and works, it would also be nice when the same changes are applied (in additional PRs) to HABPanel and Basic UI. Those UIs use very similar code for handling webaudio. 🙂

[florian-h05]

@digitaldan
How does the clean-up go? Can you please rebase if you work on this, I think Jenkins fails due to some core changes and this outdated branch.

[digitaldan]

Unfortunately i'm having some trouble getting this working now on safari, i'll play a little more this afternoon.

[digitaldan]

Ok, all cleaned up. My Safari issues were my own (helps to point Safari at your dev server when testing). I'll look at updating the other UI's in separate PR.

[florian-h05]

LGTM, thank you very much!
Works fine on my iPad.

[kaikreuzer]

@florian-h05 When cherry-picking commits to the patch release branches, please remember to add the "patch" label to the PR, because otherwise the fix is not picked up by the release notes script. Thanks!