Accessing built-in webcam from risevision presentation (chromebase kiosk)

  • 2
  • Question
  • Updated 3 years ago
  • Doesn't Need an Answer
Hi all,

I am building an interactive presentation that uses the built-in webcam on my managed acer chromebase. The end-game is a photo-booth type app similar to: http://demo.tutorialzine.com/2011/04/jquery-webcam-photobooth/

I have run into problems using riseplayer and the javascript library webcamjs. I am able to access the chromebase's webcam outside of riseplayer (non-kiosk user chrome 47) however when I use risevision the webcam is blank. The link I am trying to load up is: https://pixlcore.com/demos/webcamjs/demos/flash.html. Flash asks for permission (see below) but the webcam does not engage from within riseplayer



any ideas?
Photo of Graeme

Graeme

  • 226 Points 100 badge 2x thumb

Posted 3 years ago

  • 2
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Graeme, Flash is not supported by Chrome anymore.
(Edited)
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi Graeme,
Please see our announcement regarding discontinuing Flash support in presentations.
Photo of Graeme

Graeme

  • 226 Points 100 badge 2x thumb
Thanks for your replies.

It looks as though the HTML5 equivalent requires a SSL certificate. As I understand it - the web gadget is not delivered through SSL rendering this library insufficient. I can load up the HTML5 equivalent fine using chrome but through the rise player I am not able to access the webcam. 

Does anyone have any suggestions and/or use cases of using a device's webcam. The only thread I came across that came close was a similar photobooth idea using jquery to access the camera. Unfortunately I ran into similar issues when trying to load the demo into the presentation using the web gadget. 
Photo of Nidal HADDAD

Nidal HADDAD

  • 418 Points 250 badge 2x thumb
Hi. Yeah p5 can create a canvas with a background image and you can create a button with jquery to save the canvas. Going to give it à try tonight and i hope i can share something with you all.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Very cool Wendi! Let us know how you go. I will give that article a go too :)
Photo of Steve Gregory

Steve Gregory, Champion

  • 1,186 Points 1k badge 2x thumb
I am interested in this too.  I am trying out code using getUserMedia() similar to the HTML5 Rocks article cited above, and it works by itself in the browser when served from the local web server, but doesn't work when wrapped in an iFrame for a Rise Vision presentation.  I suspect the issue is that I'm not using HTTPS, so I will be looking into that.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Are you currently using the Web Page Widget? Also what about the HTML Widget?
Photo of Steve Gregory

Steve Gregory, Champion

  • 1,186 Points 1k badge 2x thumb
I'm using the web page widget, pointing to a local URL like http://localhost/webcam.html

I haven't tried doing the local webcam with the HTML widget.