Keep Phone From Locking While App Playing Stream
-
Permissions are OS-dependent and cannot be changed by a component. It is built into your package before run-time.
For iOS look at this: https://developer.apple.com/documentation/bundleresources/information_property_list/uibackgroundmodes -
@Hawkeye64 So how does Cordova do it?
It makes me wonder if there’s some setting I can set in Cordova when I build.
-
Cordova and Capacitor are the runtime part of the app that actually can do permissions since they have direct code to the OS.
For iOS, you would modify your Info.plist before compiling with Xcode. -
@Hawkeye64 I tried adding the following to my app’s plist under src-cordova/ios/[app-name]/[app-name]-Info.plist in dev mode, but without success:
<key>UIBackgroundModes</key> <array> <string>audio</string> </array>I still get the same result. After the phone locks, the sound stops playing. Upon re-engaging the phone’s display, I can see that the audio player’s progress display continues to count seconds, but no sound comes out of the speakers.
-
Read entire ‘iOS Quirks’ :
https://github.com/apache/cordova-plugin-media
playAudioWhenScreenIsLocked -
@Hawkeye64 I’ve been trying to implement qmediaplayer in place of vue-plyr in my app.
I’m running into an issue with the qmediaplayer in iOS, built with Cordova, that doesn’t occur in MacOS or Windows.
The app is an SPA, and when I play a file from a remote server in dev mode in iOS by clicking the play button in the built-in player that qmediaplayer supplies, regardless of whether I’m testing my app directly on the simulator or testing it through Safari on the simulator, the app starts to play and a black pop-up with nothing apparently on it appears that covers the app’s page.
If I click on the black pop-up, I can see a few controls for pausing or forwarding/reversing, plus a close box (X). Clicking the X makes the pop-up go away.
This same result does not occur with the SPA when run in MacOS using Chrome or Safari or in Windows 10 using Chrome.
Any ideas why I might be encountering this issue in iOS?
-
More info:
It doesn’t cause an issue on my test Android device using Chrome.
Here is a web URL if you want to test is on an iOS simulator: https://www.loatoday.net/spa/
-
@omgwalt You should create a github issue at the repo of the q-mediaplayer plugin:
-
I will look into this with BrowserStack, but @omgwalt , please make sure there is a ticket/issue filed or I will not be able to prioritize it. Thanks.
-
@Hawkeye64 Sorry about the delay. I was dealing with another issue. I’ve just created the ticket on github.
https://github.com/quasarframework/quasar-ui-qmediaplayer/issues/159
