howler.js icon indicating copy to clipboard operation
howler.js copied to clipboard

Audio is not playing when I phone goes to sleep mode.

Open sureshbehera6123 opened this issue 1 year ago • 2 comments

The Problem

i am using Howler js library for playing audio. Using this library audio is playing fine in all browser windows, linux, macbook system even it goes to sleep mode or screen locked But for i phone it's not working when it's goes to sleep mode or screen locked.

Reproducible Example

No response

Reproduction Steps

const sound = new Howl({ src: [this.audioLink], format: ['wav', 'webm', 'mp3'], html5: true, autoplay: true, volume: 0.7, onend: () => { this.audioEnded(); }, });

Possible Solution

No response

Context

No response

Howler.js Version

v2.2.4

Affected Browser(s)/Versiuon(s)

No response

sureshbehera6123 avatar Apr 19 '24 06:04 sureshbehera6123

Did you try setting html5 to false? It works in some places for me, with the new iOS version the audio stops working if I set HTML to true.

betanyeli avatar Apr 22 '24 14:04 betanyeli

There is smth like Media Sesison, which is responsible for media on locked screens etc. I had same issue with other lib and i set up this and it worked, not sure if thats the case for you, but worth check it out. Also you can add handlers for widget when phone is locked and add art image etc.

https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API

AoiTechDev avatar Mar 24 '25 21:03 AoiTechDev