Embed Legacy Digital Humans in your Application

unith digital humans are platform agnostic the following guidelines enable digital humans to be seamlessly integrated into various digital applications, from mobile apps to web apps if your digital human uses streaming mode , please refer to our sdk documentation instead https //docs unith ai/unith embed integration guide to check whether your digital human is in legacy or streaming mode, see this page https //docs unith ai/update a digital human#retrieving current configuration of your existing if the digital human configuration states that videostreaming=true then your digital human is in streaming mode you should be able to access your organisation and digital human using user/me/ endpoint if you don't have access to the digital human platform please refer to user docid\ a6pxi9wvcn3uxnytwj7ja curl x 'get' \\ 'https //platform api unith ai/user/me' \\ h 'accept application/json' \\ h 'authorization bearer bearer' code snippet include the following code snippet in your website or application these are the basic elements required to place digital humans in your page, but some additional code could be needed configure your digital human the following configuration options are available to provide added controls and customisation options these can be added inside the talking head element data embed if set to something other "1" or "true", you will be able to access the full ui (default is true) data org id your organisation's friendly name, as shown in the publicurl (required) data head id the head name of your digital human (required) data theme currently the only supported value is "demo" we will support a variety of themes in the future data vm version currently the only supported value is "1" this parameter controls the event handling data time pressure the "time pressure" feature limits user response time to 60 seconds, after which a random suggestion is automatically selected data mic enabled if set to something other than "1" or "true", the ui will not use speech recognition no mic permissions will be needed from the user (default is true) data subs enabled if set to something other than "1" or "true", the ui will not display subtitles (default is true) data language (optional) overrides the language configuration in your digital human for ui elements (default is en us) if you need a language we do not support, contact us data widget mode setting this parameter to true enables widget mode, embedding the digital human as a circular icon in the bottom right corner of the web application the default value is false please refer to the full documentation on widget mode here https //docs unith ai/widget mode data seamless transitions enabling the "seamless transitions" parameter eliminates noticeable jumps between the digital human's idle and response states data welcome message="value" setting this parameter to a string enables you to customize the welcome screen headline message data welcome button text="value" setting this parameter to a string enables you to control the button placeholder text of the welcome screen please to this documentation for further details https //docs unith ai/additional parameters id="talking head id" is not optional and the digital human won't work if removed user identification & session tagging you can associate a username and a custom tag with each legacy digital human session both values appear as dedicated columns in your conversation logs, enabling user level tracking and custom segmentation without parsing session ids data username="value" the custom username feature enables you to assign a unique identifier to each user session interacting with your digital human this username is then recognized and potentially used by the digital human during the conversation data tag="value" setting this parameter to a string enables you to add additional custom data to your digital human for legacy embeds, these are passed as data attributes on the talking head element — url parameters are not supported in this integration method for full details on filtering logs by username and tag, see conversation logs retrieval docid\ ozjbzgbny7087mkwemutz styling leverage css as needed to customize embedded element the below acts as a guideline body { display flex; flex direction column; align items center; height auto; } p { text align center; } body > p { padding 0 30%; } \#talking head { width 900px; height 600px; resize both; overflow auto; box shadow 2px 2px 14px 2px rgba(0, 0, 0, 0 2); border radius 10px; background color antiquewhite; } below you can find the current sitemap structure of our assets ├── assets │ ├── avatar character png │ ├── avatar user png │ ├── beep up wav │ ├── favicon 192x192 png │ ├── favicon ico │ ├── head bg large png │ ├── head bg small png │ ├── maya large png │ ├── maya png │ └── noise small png ├── dist │ ├── bundle css │ └── bundle js ├── lang │ ├── ar ae json │ ├── bg bg json │ ├── bs ba json │ ├── cs cz json │ ├── de de json │ ├── en us json │ ├── es es json │ ├── fr fr json │ ├── hu hu json │ ├── id id json │ ├── it it json │ ├── ka ge json │ ├── kk kz json │ ├── lt lt json │ ├── lv lv json │ ├── nl nl json │ ├── pl pl json │ ├── pt pt json │ ├── ro ro json │ ├── ru ru json │ ├── sk sk json │ ├── sr rs json │ ├── th th json │ └── uk ua json ├── readme md ├── manifest json ├── microsoft speech recognition js └── themes └── demo json