I all,
I've installed the aFrame examples on my web site but I encouter a problem with the 360 Panorama with my phone. The Gyroscopic functions doasn't work.
The image is blocked and I can only move it with the finger on the screen. It doesn't move with my head.
Do I miss something ?
Thanks for your help
Here is the answer to a very similar question I asked. You are probably using the wrong build of AFRAME for your ios
Related
I have been working on adding background music to a Glitch project. I followed the Aframe.io documents to create a sound component and set it to automatically play upon running, however, when I try to run the project, the sound does not play automatically on my laptop. I have to open the Aframe inspector and un-pause my project for the music to begin. For some reason, I have not encountered this issue when I tried the same project on my phone. The sound played as expected once the program is up and running. I am not sure what is causing the sound to malfunction but any help is greatly appreciated. Here is the project I am working on: https://glitch.com/edit/#!/animation-animate?path=index.html%3A15%3A23
when working with sounds natively with Aframe, I had the same problem and one of the recommendations that I can give you is to play sounds with the HowlerJS sound library, which is compatible with most frameworks and also compatible with A-Frame
I share their page and the documentation, this library is very easy to use and implement to the project
https://howlerjs.com/
https://github.com/goldfire/howler.js#documentation
Autoplay audio on most modern browsers requires user interaction before enabling audio. You can put a div in front of your scene that upon click starts playing your background audio.
Check out a related SO question / answer for video autoplay that should help:
Autoplaying videosphere from A-frame is not working on any browser(Safari/Chrome)
Another user on A-Frame discord provided this example demo:
https://aframe-autoplay-background-music.glitch.me/
I'm really new with A-Frame / Web VR. I'd like to ask you when I am on my mobile in VR mode how can I prevent the controll / camera move? For example when I switch to VR mode I want to use my usb mouse for moving just like in "normal mode" and not the device's sensor. Is it possible?
Thanks.
I don't think this is currently possible. Another potential issue with this approach is that it will likely cause simulator sickness:
The most important guideline in designing for virtual reality is to always maintain head tracking. Never stop tracking the user’s head position inside of the application. Even a short pause in head tracking will cause some users to feel ill.
https://designguidelines.withgoogle.com/cardboard/designing-for-google-cardboard/physiological-considerations.html
That said, if you're purpose for this functionality is for spectating on a 2d screen, A-Frame 0.8.0 allows you to add a spectator camera:
https://aframe.io/docs/0.8.0/components/camera.html#properties
There are no tutorials for this yet, but you could try adding asking another question here or on a-frame slack on how to get it up and running.
I have this really bad issue, because I can't find, how to solve it. As you can see, I've loaded some random video, but there's nothing showing. Maybe it has something in common, that I'm using Widows Insider builds.
This is screenshot i've taken
Thank you in advance.
Have you clicked on timeline bar after dargging to timeline. Click once again on timeline or in frame appeared in PINK COLOR (in your screen shot). See whether Preview is visible or not. If still not, reply. I hope it will solve your problem.
So here is the thing.
I got a camera and elements moving in front of this camera. I know the gps coords. of the camera and of the elements. Now I want to put an overlay on the video, to place tooltips next to the elements. After that I need to stream the enriched video to the clients.
I already tried OBS with an transparent browser layer on top of the camera video, but I failed at the calculations of the right tooltip location. I think this is something somebody already took care of, but I could not find a liberay or framework for this yet.
Did someone already solved a similar Problem ? Or is there a framework for something like this?
Thank's for your help !
Maybe the Wikitude SDK offers what you need. For the streaming part you might need to implement a plugin so that you can send the video stream to the clients
I'm a beginner and I'm trying to use photoswiper in a PhoneGap app. I'm trying to use this example :
[http://jsfiddle.net/Gajotres/PFqVs/][1]
that works great in any browser, but just don't work on any device.
When I open, it's like I have a css issue since I don't see any king of style and when I touch any image, I just see it full size but can't swipe to see the next one.
Any help will be appreciated!
May be you should mention all sites with external resources in the WhiteList?