vue-howler
vue-howler copied to clipboard
Safari's auto start problem
Even though this isn't really a howler or vue-howler problem I thought I'd ask if anyone here has to deal with the same issue: I'm dynamically loading the component containing the howler mixin when a user selects a track to play from the website. Neither using autoplay property or executing play() after listening to the loaded event works on Safari (iOS/macOS). Safari needs the play event even closer to user interaction than this.
As soon as the component (including audio controls) is loaded it works quite well after hitting the play button.
I'm looking for a way to fix this and wonder what's the way to go. Load the player already with some dummy audio and later just switch the audio when the user selects a track to play?
Any input on that is appreciated.
this actually works for me in safari in localhost but when i run npm run generate its failing to play the audio properly in safari