app-media-image-capture error 'ImageCapture instance not ready'

[michael-learns]

Description

app-media-image capture raises 'ImageCapture instance not ready' error

Expected outcome

Should display the content that the camera is streaming

Actual outcome

No content is being displayed and error appears.

Steps to reproduce

1. import all the app-media modules
2. add the app-media-devices component
3. add the app-media-stream component
4. add the app-media-image-capture component

Browsers Affected

Tested on Chrome.

Code Sample

This is how my code looks like

<app-media-devices kind="videoinput" selected-device="{{videoDevice}}"> </app-media-devices> <app-media-stream video-device="[[videoDevice]]" audio-device="[[audioDevice]]" stream="{{stream}}" active> </app-media-stream> <app-media-image-capture id="imageCapture" stream="[[videoDevice]]" focus-mode="single-shot" last-photo="{{photo}}"> </app-media-image-capture>

my script

takePhoto() { this.$.imageCapture.takePhoto(); }