Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Safari Never Auto-Play setting causes long delay ending in `fileerror` with no information.
See original GitHub issueIssue Details
-
Version used: 1.0.0
-
Describe whats happening: If desktop Safari is set to
Never Auto-Play, after registering a sound, there is a several second delay, and then afileerrorevent. The event doesn’t contain any info to determine that this setting was the cause.
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sound JS Test</title>
<script src="https://code.createjs.com/1.0.0/soundjs.min.js"></script>
</head>
<body onload="setup()">
<script>
function setup() {
console.log("setup");
createjs.Sound.registerPlugins([createjs.HTMLAudioPlugin]);
}
function playSound() {
console.log("playSound");
createjs.Sound.on("fileload", function (result) {
console.log("fileload", result);
createjs.Sound.play("tone");
});
createjs.Sound.on("fileerror", function (error) {
console.log("fileerror", error);
});
createjs.Sound.registerSound("audio/tone.mp3", "tone");
}
</script>
<button onclick="playSound()">Play Sound</button>
</body>
</html>
Resulting logs:
[Log] setup (sound-js, line 13)
[Log] playSound (sound-js, line 18)
[Log] fileerror (sound-js, line 24)
Event
bubbles: false
cancelable: false
currentTarget: function()
data: 100
defaultPrevented: false
eventPhase: 2
id: "tone"
immediatePropagationStopped: false
propagationStopped: false
removed: false
sprite: undefined
src: "audio/tone.mp3"
target: function()
timeStamp: 1613432337722
type: "fileerror"
Event Prototype
-
OS & Browser version Safari Version 14.0.3 (16610.4.3.1.4)
-
Do you know of any workarounds? Interestingly, if
createjs.Sound.play("tone");is called within thefileerrorcallback, the sounds still plays?! However, this is a ridiculous hack which breaks any other attempts at actually handling errors.
How can I react and or work around the Never Auto-Play setting in desktop Safari?
Issue Analytics
- State:
- Created 3 years ago
- Comments:20 (11 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Thank you for the suggestion, however, I do not wish to preload sounds as my use case is streaming longer audio files. Which is also why I am using
HTMLAudioPlugin.Hey @curiousdustin sorry for the delay - missed the response. I certainly see what you mean and am never happy with a polling solution especially when there are users that will not need it and we can’t seem to tell. Somehow I only seem to get in these binds with Apple.
What is frustrating is that the sound plays in the load test. We can capture that it plays. Yet when we stop it and try and play it again it will not play. Arrrg.
Your idea would at least get a sound playing. What would happen if we just paused the sound? Perhaps we can pass in a config object https://createjs.com/docs/soundjs/classes/PlayPropsConfig.html for the autoPlayOnSafari.
Anyway - will await your thoughts then see if we can code something. If you have a start, you are welcome to send it along. Cheers.