Image capture issues on web client
This page describes edge cases related to the Smile ID browser based tools and how to solve them.
Last updated
Was this helpful?
This page describes edge cases related to the Smile ID browser based tools and how to solve them.
Last updated
Was this helpful?
On some devices using the Web Client(s), we are unable to capture proper images. When we attempt to, we get green or black images. This is a known issue that primarily affects old Android devices.
A version of the chromium engine, shipped with a regression that breaks the WebRTC video stream we use to capture images. This bug was caused by Hardware Accelerated Video Decoding. While this is a setting end users can attempt to change, we do not believe most of our end users have the technical know-how to fix this themselves. References -
We check the number of colours in the image in the component, and display an error screen when we detect that the image won't work within our systems.
\
This fix has been automatically applied in our Web Integration (iframe embed), and Smile Links. However, if you're using the , the update is available on v1.0.2 upwards.
In some situations, it is required that the web client (, , or ) is loaded in an iframe on your website.
While this is trivial to accomplish, there are times when the camera from the component does not display and/or does not provide an option for granting camera usage permissions and the browser therefore blocks the use of the camera. This is due to how web browsers handle camera permissions in nested iframes. Without the correct settings, the browser won’t allow access to the camera, even if permissions are generally enabled.
In order to proceed, explicit permission needs to be granted for the component to display properly in the browser.
See some sample snippets for iframe usage below:
To allow for all domains:
<iframe src ="https://links.usesmileid.com/xxx" allow="camera *"></iframe>
To allow for specific domains:
<iframe src ="https://links.usesmileid.com/xxx" allow="camera https://www.domain.one https://www.domain.two"></iframe>
There are times when the camera of a web component loads up in full screen without the rest of the page. This then makes it difficult to capture an image successfully. This is due to the way mobile devices handles browser based camera inside webView.
You have to handle inline media playback, and set the configuration to true. This allows the camera view to play inline within the webView rather than forcing a fullscreen playback.
To ensure that the camera works when integrating Smile ID in a browser (, , or ) inside an iframe add the allow
attribute to all levels of the iframe that contains the Smile ID component. This attribute tells the browser that camera access should be allowed.
You can find more technical context on this setup in the MDN documentation .
Please see the