Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

WebScreenVR enhance your workspace while in Virtual Reality, allowing you to cast your screen and different applications around you in a 3D environment.

NotificationsYou must be signed in to change notification settings

samuelcardillo/WebScreenVR

Repository files navigation

WebScreenVR is still in Developer Version which means that installing and using it requires some advanced knowledge and it may contains bugs.

It only works with Oculus Rift for the moment

What is WebScreenVR ?

IMAGE ALT TEXT

The goal ofWebScreenVR is to enhance your workspace while in Virtual Reality, allowing you to cast your screen and different applications around you in a 3D environment.

How to install it?

1. Share screen

  • On Chrome:

Sharing the screen onChrome require anextension to allow screen casting. Go on Extensions and enable the developer mode then click on "Load unpacked extension" and select the "WebScreen-Extension" folder.

  • On Firefox:

Firefox natively allow screensharing but doesn't allow more than one stream (*two thanks to a little trick visible incore.js *).

2. Setting up local HTTPS environment

TheChrome extension require the usage ofHTTPS even on localhost in order to allow access to thedesktopCapture API, therefore setting up a local secured environment is necesary. One pre-made solution is delivered in this git usingNodeJS andExpress but if you want to use yours, feel free.

Just open a terminal in the folder and typenpm install && node webserver.js which will install express and run the local web server onHTTP andHTTPS using the already existing SSL certificates.

3. Set up an hostname

Additionnally theChrome extension does not takelocalhost or127.0.0.1 as an authorized hostname so we will to create our own. Open yourhost.conf file and add127.0.0.1 webscreenvr.dev.

4. Launching it!

When you have finally set up the whole development environment, you can just access WebScreenVR by going onhttps://webscreenvr.dev (do not forget to start the web server)!

How to use it?

Once you have shared the initial screen and you are inside the VR view with your controllers visible here are the commands:

  • Grip: Toggle "construction mode"
  • A:
    • Add screen (in "construction mode)
    • Target an existing screen and stay pressed on A to move it
  • X:
    • Enhance size of the selected screen
    • Go to next environment sphere
  • Y:
    • Reduce size of the selected screen
    • Go to previous environment sphere
  • Thumbstick: Teleport yourself
  • Left trigger:
    • Show environments sphere on first press
    • Change environment on second press

How to contribute

Whatever you feel adding would be great. Additionnally feel free to help on the "what is really next" features as well.

  • Have an idea or take an idea in the list below
  • Write code
  • Send a PR
  • Drink champagne

What is really next?

  • Add curves?
  • Compatibility with Vive
  • Multiplayer (using WebRTC)
  • Other things as well

About

WebScreenVR enhance your workspace while in Virtual Reality, allowing you to cast your screen and different applications around you in a 3D environment.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp