Embed Legacy Digital Humans in your Application

6 min

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 https //docs unith ai/unith embed integration guide to check whether your digital human is in legacy or streaming mode, 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 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 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 https //docs unith ai/additional parameters id="talking head id" is not optional and the digital human won't work if removed 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