When using aframe on mobile and going from page to page I want it to stay in VR mode after the user clicks the VR icon in aframe.
However at the moment whenever you go from one page to another it kicks the user out of vr and the address bar appears so you have to manually click the VR button everytime you want to enter fullscreen again.
Is there a solution to this?
You can check out my aframe application below:
https://www.360belfast.com/app/options.html
I've read desktop solutions online but not much for mobile.
It's not possible. On mobile, A-Frame relies on fullscreen mode that doesn't persist on navigation. It has to be triggered by user gesture on each individual site. It's a browser policy that cannot be worked around. In-VR navigation is only available with a supported headset on Firefox and Supermedium on desktop, and Oculus Browser and Samsung Internet on standalone headsets.
Related
I have built an aframe application. I activate the VR mode on the first page. However, as soon as I e.g. switch to the next html page via a link, the VR mode closes again. How can I make it continue to exist automatically?
I am using an Oculus Quest 2.
When in VR mode the view got freezes and it stuck in first frame itself(Android/iOS).
Link: https://aframe.io/examples/showcase/360-image-gallery/
Press VR button available in bottom right in any android or iOS device.
Actually the issue is Chrome WebVR is currently in beta. So we need to enable it by
chrome://flags/
then search WebVR and enable it.
Our team is building an iOS app which links out to Safari to process a charitable donation flow. In iOS 8, we can return the user back to the app by setting document.location to the app's custom URL scheme (e.g. myappscheme://donation/success), and everything flows fine for the user.
In iOS 9, Apple appear to have tightened their security model to display a popup dialog when exercising custom URL schemes in Safari - this allows the user to click "Cancel" and not link [back] out to the app.
My question is, given that iOS 9 now has a "< Back to [app]" button in the header of Safari - is there a way to 'tap' that link via JavaScript, rather than having to resort to a custom scheme, or Apple's new Universal Links mechanism?
Virtually clicking "Back to [app]" is desirable as it makes Safari slide back away to the right (the inverse of the way Safari now slides in from the right), rather than "re-opening" our app, like it does after clicking "OK" on the popup dialog. It also would stop iOS from putting a "Back to Safari" link in the top-left of our app which, is what happens when our app is opened via a Universal Link or Custom Schema.
You can't, or at least, Apple doesn't want you to. They've precisely implemented this mechanism to avoid this kind of automatic-fly-back-to-my-app scheme. If there were any documented way to do it using the SDK, that would result in a security issue.
However, in iOS 9, there is a new way to do this, and it involves hosting the web content in a Safari View Controller (SFSafariViewController), directly inside your app. This way you get all the benefits from Safari (user experience, shared cookies, etc.) and the user remains in your app (she can simply close the Safari view by tapping the 'Done' button on the top right corner of the screen).
Meteor now support mobile apps. That's great. However, I find that the app running as a mobile app is not the same as running in a mobile browser.
When it runs as a mobile app, if the user wants to input to a text field, a soft keyboard shows up. Then, after the user finishes and click the button (at that point, the soft keyboard is still shown), the app brings to another page. However, the new page renders as if the soft keyboard still exists so the lower portion of the screen is blank. The elements that are rendered to a fixed position (like footer) still shows up at the bottom though. Even though the lower portion of the screen is blank, the elements are still there. If I tap the blank portion, and if there is a link or button in the place I tap, the app still brings me to the new page. Since I use Meteor and ratchet, I don't know which one is the issue.
I suspect the issue is that when the user clicks the button, the Meteor renders the new page immediately, but the soft keyboard get hidden afterwords.
This situation doesn't happen when the meteor app runs in a mobile browser, however.
I use meteor, iron-router, and ratchet. The issue is identified in an android 4.X device. Any idea how to fix the mobile app specific issue? Thanks.
PS. If I delay firing the page transition by a second, I don't have the issue. So my suspicion is correct that the page transition happens before the keyboard is hidden.
I'm running Prestashop e-commerce at (link was removed due to canceled project)
If you look at the page from a mobile phone and select "VALJ DIN MODELL HAR" in the menu the page reloads.
Any clue why? I works fine from mac and windows.
My thoughts is some kind of hoover issue since i cant hoover on a smart phone?
You are right, hover is the problem. You can't hover with a smartphone. I used in my last project sidr for mobile phones: http://www.berriart.com/sidr/
In your site http://mobilprylar.nu, link is already offered for VALJ DIN MODELL HAR category. If you click on it you'll be redirected to VALJ DIN MODELL HAR category page. This is fine for desktop view as we have hover/mouseover functionality.
This will not work for mobile phones because once you click on it, both hover and link will be active so you'll never get better result.
I would recommend you to disable the link for mobile view, we have javascript functionality available for this. Else, if you are good enough in prestashop/smarty coding you can create separate menu for mobile view. Hope this helps.