vr | VR Workshop at Gray Area Festival | Augmented Reality library

I'm creating a 3d scene using a-frame (https://aframe.io) and I need some sort of way to mirror an html div onto a plane inside a-frame. For example, lets say that there is a div with some code where I can draw on it similar a whiteboard on the bottom left corner of the screen. Everything that I draw on the whiteboard should be mirrored to the a-frame plane. That way I should be able to see my whiteboard drawing in my a-frame scene.

I've tried using two components the a-frame html embed component (https://github.com/supereggbert/aframe-htmlembed-component) and the a-frame shader component (https://github.com/mayognaise/aframe-html-shader) and both work for displaying html in my scene on a 2d plane however the 2d plane in my scene doesn't mirror the whiteboard and doesn't update. That means when I draw something on my whiteboard, instead of mirroring onto 2d plane and showing what I've drawn in vr, there is just a whiteboard with nothing drawn on it.

I need to be able to create a div in html with a whiteboard or other code on it and have the same html be displayed on a 2d plane in my scene. The 2d html on the plane should update meaning if I draw the letter "a" on my whiteboard, the letter a will appear on the 2d plane in my scene. As long as there is a div where I am able to put my 2d html (my whiteboard) and the div mirrors in vr, that would be the ideal solution. Is there some code that could accomplish this?

Am I missing something with the two component I've tried that allow me to accomplish this? (Two components: https://github.com/supereggbert/aframe-htmlembed-component and https://github.com/mayognaise/aframe-html-shader) Or maybe a different A-frame component?

Ideally I am seeking the code for a component that allows me to mirror a div onto a 3d plane in my scene, or recommend a component that allows me to display interactable content on a 2d div.

I am trying use a feature policy, serial, in my google add-on. I am having difficulty trying to enable this particular feature policy inside an iframe, mainly I believe is because the parent iframes don't have it enabled. Below is what the iframe DOM tree looks like. I don't have access to "sandboxFrame" and "userHtmlFrame" directly, so I cannot change its allowed features. Even if I set 'serial' in the most child iframe, I cannot find the 'serial' feature enabled in its featurePolicy.

I'd like to have some info regarding the possibility to fire a wpf event only when matching a certain condition.

I explain a bit my situation.

1. I've got 4 textboxes which have to meet a ValidationRule (example being a decimal value between 0 and 100) and if this condition is met the KeyDown event is to be fired.

2. Can I also make it so that the only key for which it's fired is the enter key? so that I don't have to check it in the event code

Can't provide code as I don't know if it's even possible. Any help is appreciated.

EDIT:

Hi I'm back at this again. This is the window

I have created a scene using a-frame and I cant figure out how to hide the vr mode in the bottom right hand corner of the screen. I have tried the vr-mode-ui="enabled: false" but for some reason it wasn't working. How can I hide the vr mode in my scene? Here is the link to my scene: https://jsfiddle.net/AidanYoung/k6johd1t/

2 FFMPEG process

(1) generating a ffmpeg x11grab to a .mp4 (2) take the .mp4 and restream it simultaneously to multiple rtmp endpoints

ISSUE the generated file in (1) have this error "moov atom not found"

This is the command that generate (1) :

I have been working on a vr scene and I'm wondering how I can add an to my scene and create an onclick event with the at the bottom of my code. I would like it so that when I click with my on the , a function called myFunction() should occur. How can I accomplish this? My fiddle: fiddle

Does anybody know why the Geolocation.getCurrentPosition() from dart:html doesn't work when running in release mode with sound null safety enabled (flutter run --release -d chrome)?

When making this call I do get an instance of Geoposition back but when I try to access one of it's members I get the following error message:

Hi i'm looking to develop my first mobile vr game and I've been following a few tutorials to get started with this in Unity.

https://developers.google.com/cardboard/develop/unity/quickstart

All of these explain how you need to install a specific package via the package manager: https://github.com/googlevr/cardboard-xr-plugin.git

When I add this via the package manager using the Git URL option I just get the error

[Package Manager Window] Error adding package: https://github.com/googlevr/cardboard-xr-plugin.git. UnityEditor.EditorApplication:Internal_CallUpdateFunctions () (at /Users/bokken/buildslave/unity/build/Editor/Mono/EditorApplication.cs:327)

Is there something I'm missing? is there some kind of setting or something? All the tutorials literally just add the URl and it works but mine just wont seem to.

I'm using the latest version of unity and running it on a macbook pro if that has any relevance.

Thanks

In my unity application, I need make little rectangular components with a string on them. However, I want the size of the rectangle to dynamically line up to the text inside it. This is the hierarchy in my prefab:

According to this article, I just need to add a content fitter to the canvas. I did that and set both horizontal and vertical sizes to "preferred", however apparently the width is just 0 (0 is getting printed out by my Debug.Log). This is my code. I think the issue might have to do with changing the render mode, but this is for a VR application so that needs to stay: