Comments (5)
Thanks for reporting this! This seems to be quite a common problem and I'm not 100% sure how to solve it yet and it unfortunately breaks audio completely in Safari currently (also the audio controls in the bottom bar). I'm not sure how Safari figures out the "user interaction" part.
I took a stab at solving it, so far unsuccesfully. What didn't work:
- creating the audio element non-lazily
- using
<source>
elements instead of setting thesrc
attribute - calling
.load
on the audio element before calling play
Apparently working with AudioContext
directly still works but I don't know if I want to go down that route. Looks more like an oversight to me that might stop working soon as well, considering the intent appears to be disabling automatically starting media altogether.
(Oh, and a fun-fact: Spotify doesn't work on Safari (for unrelated reasons), but maybe we can beat them there ;))
from airsonic-ui.
I've had some success by causing the audio effects using rf/dispatch-sync
instead of rf/dispatch
. Still not working 100% but I think it's promising. It's also nice to not have to pull in another lib, but we'll see if audio works well enough across browsers and devices for it to stay that way.
from airsonic-ui.
@khannurien Can you verify that the fix is working? I've tested it on macOS 10.13.6 with Safari Version 12.0.1 (13606.2.104.1.2) and it seems to be okay. It's deployed at https://heyarne.github.io/airsonic-ui.
from airsonic-ui.
Sorry for the late reply, and thank you for the patch. It's working here with 10.13.6 and Safari 12.0.1.
from airsonic-ui.
Actually I only just deployed it, so not such a late reply at all. Glad to hear that it worked!
from airsonic-ui.
Related Issues (20)
- Implement sharing to unregistered users HOT 2
- Progress bar is not responsive HOT 2
- Volume Bar? HOT 5
- Add keyboard shortcuts
- Add option to start rescan of library HOT 2
- Make "currently playing" list sortable and editable HOT 1
- When pausing a track, changing the track will have it play again
- Show miniatures on the artists page HOT 4
- Increase information density on the landing page HOT 2
- Make the logo clickable
- An in-range update of sass is breaking the build 🚨 HOT 4
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 4
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 4
- An in-range update of sass is breaking the build 🚨 HOT 4
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 5
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 3
- UI doesn't show when library doesn't have a :kind parameter
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 10
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 10
- An in-range update of shadow-cljs is breaking the build 🚨 HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from airsonic-ui.