I’m using WPStream on my WordPress site and I have turned the site into an app using the plugin WPMobile.App. The livestreaming is a big part of my app as well as video on demand and I was excited to be able to use WPStream. However, when trying to start a live event from a mobile device either on the app or on a browser, I got an error message undefined is not an object (evaluating’navigator.mediaDevices.getUserMedia’)… It looks like this issue has been resolved on the browser, however, when trying to do it from the app, instead of getting that error like I did before, the entire app crashes. Whoever I was working with in the ticket support asked me to reach out to see if anyone could help me to get it working in the app version. I really am glad this service exists and plan to heavily use it if I can get everything working properly!
I created the app from my WordPress site using a plugin that converts websites (WPMobile.app) on desktop browsers, the stream works fine. The mobile browsers were recently fixed by wpstream community. However this is what happens when I use it from the app. I am currently on an iPhone when attempting this.
The name of the plugin is WPMobile.app which is also the same name as its website. It automates the process of converting the site into an app using developer account information and WordPress information. It is directly connected to another plugin that I am using called Peepso which gives my site a social media theme.
When using the site from a desktop, the feature works fine on all major browsers. The same can be said for mobile browsers. However, the app version which was generated crashes the entire application. Prior to this, I was getting an error saying media devices not defined for both mobile browsers and the app version. After the fix, it worked in mobile browsers but crashes the entire app in the app version when trying to broadcast from device.
The “go live from browser” button opens a popup of a page that resides on wpstream (not your website), something like
I’m thinking that may be part of the problem
Does the app open up that page in a browser or tries to also include it? Either way, hope we can work together to figure it out.
Not familiar with WPMobile.app yet.
The internal browser of the app works fairly well. It has been able to pull up that page you mentioned before, and it still pulls up that page for some other users on different devices. It used to display the error “undefined is not an object (evaluating ‘navigator.mediaDevices.getUserMedia’) and still does on some other devices. On other devices it says “permission denied”. After I contacted support about this issue the first time (Because it would give these same errors on the mobile browser too) on of the support reps was able to get that fixed and it started working on mobile browsers just as well as it does from a desktop browser. However, after that fix, it began crashing my app instead of displaying those errors. Like it would attempt to open the next page where you can set camera and microphone settings, and then crash. While on some other devices, it still says some of these errors. I am using an iPhone SE from 2019 on ios 14. I am about to download the new IOS. I’ve also tried it on the newest galaxy device and iPhone 12 pro max
Please take the time to create an app out of the following page and let us know how it goes
It is the frontend backbone of the browser broadcaster and knowing how that works should provide important clues on how to move forward.
So the plugin that I am using is called WPMobile.app and it is an app wrapper plugin that generates the app for me. I am not entirely sure how to turn that link into an app…. Maybe I can make a page that can use that link on the app… However, after looking further into this. It could be entirely possible that the issue lies within the app wrapper itself. I will try to add it now and see if that makes a difference.
So here is a link to a video screen recording of what happened after pulling that up in my app. It does the exact same thing that trying to go live does…
[video src="https://encore.minstrelkingentertainment.com/wp-content/uploads/2021/11/RPReplay_Final1636486324.mp4" /]
The camera broadcast functionality (where it seems to crash) is driven by WebRTC, particularly the getUserMedia feature.
It is widely supported in browsers nowadays (https://caniuse.com/stream), however the app browser sandbox may not include it or it is problematic
Things you may try:
1. Ask the app wrapper creators about WebRTC/getUserMedia support
2. create a simple app from this page https://webrtc.github.io/samples/src/content/getusermedia/gum/
if it crashes when pressing the “Open Camera” you know the problem is surely with getUserMedia
3. if above works well, run all tests here https://test.webrtc.org/