Embed using iframe
In addition to Embedding Digital Humans in your Application using a code snippet, you can also embed digital human to your website or application using iframes. This approach won’t let you change the styling, so any CSS or javascript will be ignored.
To do this you will need to use the public url obtained during the head creation process, including the api-key parameter, as the source of the iframe.
To allow the digital human to access the user’s microphone you will need the allow=”microphone” attribute.
The digital human display will adjust to fit any container, presenting a distinct layout for landscape and portrait orientations when employing relative CSS sizing such as percentages or media queries.
When employing fixed dimensions, it's advised to present the digital human in landscape mode with a minimum width of 900px and height of 400px. This guarantees comfortable readability of chat contents.
