-
Access Camera
Ask user to provide access to camera and then select camera. After get camera access, place camera content in a <video>
-
Masked Video
Create transparent video effect on <canvas>. The video doesn't have alpha channel. It include the content and a mask. We use javascript to combine content and mask to create transparent effect.
I call this video: Masked video (MV) -
Prototype 1
Multiple transparent videos on live background
Ability to position the Transparent Videos
Transparent Videos to lock in position
Transparent Videos to pause when not in View
Fallback to Google Street view for non support "live background" browsers if geolocation api access is granted
Fallback to image non support "live background" browsers and geolocation api access is not allowed
-
Playing sound
Video with sound - ask for camera permission at the first page load
-
Demo with different transparent videos
Allow to select different transparent videos for demo
-
360 video
Show 360 video, then fade out, at the same time fade in the live background