Multiple Digital Humans

you can run multiple digital humans in one browser tab layout displaying multiple digital humans works best in contained layout mode you will need to specify two different id's in the html and pass into their respective options under containedelementidname use desired css to make sure digital humans don't overlay one another uneeq class create two instances of the uneeq class with the options your require let firstdigitalhumanoptions = { connectionurl "https //api uneeq io", personaid "149f1f29 553e 46e5 a6cc 11dd58da854e", layoutmode "contained", autostart true, containedelementidname "firstdigitalhumanlayout" }; const firstdigitalhuman = new uneeq(firstdigitalhumanoptions); let seconddigitalhumanoptions = { connectionurl "https //api uneeq io", personaid "aa47905f 501a 4050 af68 d27b10a08b4a", layoutmode "contained", autostart true, containedelementidname "seconddigitalhumanlayout" }; const seconddigitalhuman = new uneeq(seconddigitalhumanoptions); uneeq messages when getting uneeq messages with mulitple digital humans you will need to filter by frameid in order to not have one digital human handle messages for the other // event listener to handle uneeq messages window\ addeventlistener('uneeqmessage', (event) => { const msg = event detail; // check if the message is from the first digital human if (msg frameid === firstdigitalhuman frameid) { console log('first digital human ', msg) } // check if the message is from the second digital human if (msg frameid === seconddigitalhuman frameid) { console log('second digital human ', msg) } }); call to action's it’s not recommended to run multiple digital humans with call to actions simultaneously, as they may overlap each other full example multi human test call to actions