Items with no label
3335 Discussions

how to show stream , using realsense,javascript

hra
Beginner
2,527 Views

i have realsense , r200

i want to show on html5, the captured image through the realsense

and There is blob viewer next to it.

but should not use getusermedia() function because i try that... if use getusermedia() function, only one showing ( captured image or blob viewer )

0 Kudos
4 Replies
MartyG
Honored Contributor III
604 Views

If I understand correctly, you would like to show both a captured image and a blob view next to each other, and only one of these is showing?

Are you using this page?

https://software.intel.com/sites/landingpage/realsense/camera-sdk/v1.1/documentation/html/pxcsensemanager.html SenseManager (+JS,+UWP)

And you would like to combine the two example programs together so that both the color stream and the depth view appear together in the same program?

I found a clue to your problem, I think. On the Color Stream sample, when I selected the Javascript version of it, it said "To protect user privacy, it is not allowed to stream raw or processed images in JavaScript."

So with Javascript, you could show a blob view but not a color stream.

Please let me know if I have interpreted your needs wrongly. Thanks!

0 Kudos
hra
Beginner
604 Views

oh,, i did not know the message ("To protect user privacy, it is not allowed to stream raw or processed images in JavaScript." )

...so is there any way how to color stream..?

i want to show both color stream and detph steam in html5(video tag or canvas tag..)

I really appreciate your reply. Thanks!

0 Kudos
MartyG
Honored Contributor III
604 Views

HTML5 in RealSense makes use of Javascript. So even if you made an HTML5 page, it would still have the limitations of Javascript. Here is Intel's guide for integrating Javascript in HTML5.

https://software.intel.com/sites/default/files/Browser_Support.pdf https://software.intel.com/sites/default/files/Browser_Support.pdf

Maybe you could do a workaround where you could record the color stream to a file, and then play that file in your application.

https://software.intel.com/en-us/blogs/2015/10/15/how-to-record-and-playback-streaming-sequences-in-intel-realsense-sdk RealSense - How to Record and Playback Streaming Sequences in Intel® RealSense™ SDK | Intel® Software

Again though, RealSense's Javascript does not support file playback, apparently. Java does though, so maybe you could do it as a Java web application.

Edit: on the page with the color stream example, where it said "To protect user privacy, it is not allowed to stream raw or processed images in JavaScript", there is Java code for the color stream if you click on the 'Java' tag. So that would be a more direct way of doing it with Java than recording the data to a file.

https://software.intel.com/sites/landingpage/realsense/camera-sdk/v1.1/documentation/html/pxcsensemanager.html SenseManager (+JS,+UWP)

A third option would be to record the color stream as a live video, perhaps using external video recording software such as Xsplit, and stream that live video onto your web page as a URL.

0 Kudos
idata
Employee
604 Views

Hi HyunjiRa,

 

 

Did you check the information provided by MartyG? (Thanks by the way MartyG) I think that his last reply is very helpful.

 

 

Have a nice day.

 

 

Regards,

 

Leonardo R.
0 Kudos
Reply