Giter Site home page Giter Site logo

depth-camera-web-demo's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

depth-camera-web-demo's Issues

Can you please get your links working? How to find the device in Windows 7?

At https://github.com/intel/depth-camera-web-demo these links are broken:

Run Live Demo - https://01org.github.io/depth-camera-web-demo/typing_in_the_air/front_capture_typing.html

Depth Camera Capture in HTML5 - https://01.org/zh/node/5101

AR marker detection on GPU using WebGL - https://01.org/zh/node/26012

Background removal with Intel Realsense Depth Camera, WebRTC and WEbGL - https://01.org/zh/node/28902

Background removal using TensorFlow.js - https://01.org/zh/node/29971

I tried this and it won't list the RealSense devices. The camera device drivers are listed under USB devices and the RealSense Viewer sees and can use the devices. The viewer is not running when I look at the device list.

navigator.mediaDevices.enumerateDevices().then(ListDevices);
return;

function ListDevices(Devices)
{
	for (var i in Devices)
	{
		var device = Devices[i];
	}
	return;
}

Thanks,
Richard Collins, The Internet Foundation

SR300 depth demo doesn't look like it works

Hi !
Nice job putting in place this demo work.
Unfortunately it shows nothing on OSX, with a SR300 and Chrome 60.0.3112.101.

No errors are displayed in the console either.

Which version did you work on ?

Thanks,

G

Webgl 1 support

Hello, does the depthdemo actually works with webgl 1.0? I see in the code that there are a few if's checking for webgl2 availability and if not, defaults to webgl 1...but I've forced the path to be 1.0 and I'm getting an Invalid internal format when uploading the video texture. I'm using a realsense 415.

R200 camera renders abnormally

Test the demo on windows 10 with Google Chrome Canary 59.0.3039.0 and R200 Depth camera(Intel(R) RealSense(TM) 3D Camera (R200) Depth (8086:0a80)), no error in the console window, but it can not render as well as SR300, the screenshot as following:
r200_depth

Save and playback function

I feel that having a 3D point cloud saving and playback functions could be an interesting improvement to share the Realsense captures on the web.
Is there a simple way to implement those functions?

Typing in air with D435

Hi, I have recently purchased a Real Sense camera D435 and am interested in trying out the typing in air function. I have git clone the repo and tried opening the html link on Google Chrome but other than the keyboard, nothing else is shown although I was requested to allow access for my camera. The demo links are also dead, was wondering if there are any more maintenance to this repo. Thank you

Intel realsense zr300 16.04 server BUG the camera tracks depth however display bugs

Dear Sir/Madam,

System (Server edition - [cat lsb_release]):

DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=16.04
DISTRIB_CODENAME=xenial
DISTRIB_DESCRIPTION="Ubuntu 16.04 LTS"

PC: Intel® NUC Kit NUC5i3RYH Product Specifications

It seems that the camera is properly able to track the depth however it is not being displayed properly,

I have attached of photo of what the camera displays on my browser:
depth-image

Thank you in advance for your assistance

Warning occurs when switching the camera

When switching the camera, warning occurs in the console window, although it does not affect the entire operation.

WebGL: INVALID_VALUE: texImage2D: no video

Testing Environment:
windows 10
Google Chrome Canary 59.0.3039.0
R200 and SR300

Detecting Realsense camera in Chrome on Mac OS

I'm using Chrome 80 on Mac OS Mojave and the D415 that I have plugged into a USB3 port isn't populated to the dropdown list. I noticed in this article that says, as of when the article was written (2017), work was being done to support the depth cameras on OSX. I'm wondering if any progress is being made on that? I'm developing software for Realsense cameras on Mac OS but deploying on an embedding Linux system. The Linux system detects the camera just fine. I've built and installed the from the librealsense repo on both systems. Anyone had any luck with this?

New camera support / mobile support

Hey!
I checked depthdemo.html with my phone Xiaomi Redmi note 8 pro which has depth sensor.

I just removed condition track.label.indexOf("RealSense") and it seems to work..
I used current chrome version for mobile.
So the question is next: it's written here that depth sensor is still in development. It means i can't use in production web app which gets cloud of points because of future probably changes, can i?

Wrong stream data in demos

I have realsense d435 connected , and running the demos on firefox. Camera gets detected but only rgb stream gets captured and processed in demo resulting in faulty effects.
Can You tell me how to configure the camera or the browser to enable depth in Your demos?

Chrome on Windows - permissions and red color

Just some things I ran into getting it working on Chrome on Windows via codepen. Some or all of it may just be my own total ignorance since I've only ever used the Kinect before:

I had to add
navigator.mediaDevices.getUserMedia({ video: true});
to be prompted for permissions. It took a while to realize that was why the labels were all empty and it couldn't find any devices.

Then I was getting all red output so I just set the pixel shader to use the red channel for green and blue. And it was really dark so I added a very unsophisticated sort of brightening
gl_FragColor=vec4(tex.r*2.5, tex.r*2.5, tex.r*2.5, tex.a)

I never got the depth contrast effect I see with your beard and glasses in your picture. Maybe I broke something or there is some configuration I need to do. Here's the output of a shoe for reference.
image

Background Image

How can I change the background to image instead of video or color?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.