Deploying Digital Humans
Embedding Digital Humans in Yo...
Embed Digital Humans in your Application
6min
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 you will need organisation name digital human head name (optional) localization and image repos request more information from unith customer success team you should be able to access your organisation and digital human using get /user/me if you don't have access to the digital human platform please refer to user docid\ a6pxi9wvcn3uxnytwj7ja 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 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 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