tencent cloud

const result = IVH.setPrivatization({
  appKey: 'appkey in the key',
  accessToken: 'accesstoken in the key',
  httpOrigin: 'http://www.test.com',
  wsOrigin: 'ws://www.test.com',
});
console.log(result);

// Path loading method.
IVH.init({
  element: '#model',
  virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
  sign: 'xxxxxxxxxxxxxxxxxx',
  modelPath: `./model/yangxiaoyun/200.glb`,
  actionPath: [
    `./model/yangxiaoyun/action/hands_drooping.json`,
  ],
  defaultActionIdx: 0
});

// Data loading method.
const option = {
  modelPath: `./model/yangxiaoyun/200.glb`,
  actionPath: [
    `./model/yangxiaoyun/action/welcome.json`,
    `./model/yangxiaoyun/action/thinking.json`,
  ],
};
const fetchArr = option.actionPath.map(n => {
  return fetch(n).then(d => d.json());
});
Promise.all([fetch(option.modelPath).then(d => d.arrayBuffer())].concat(fetchArr)).then(data => {
  const opt = {
    element: '#model',
    virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
    sign: 'xxxxxxxxxxxxxxxxxx',
    defaultActionIdx: 0,
  };
  opt.modelData = data[0];
  opt.actionData = [
    {
      name: 'welcome',
      data: data[1],
    },
    {
      name: 'thinking',
      data: data[2],
    }
  ];
  IVH.init(opt);
});

IVH.on('init', e => {
  console.log('init:', e);
  IVH.loadAction({
    actionPath: [
      `./model/yangxiaoyun/action/welcome.json`,
    ],
  });
});

document.querySelector('#btn').onclick = function (e) {
  IVH.initAudio();
  const txt = document.querySelector('#txt').value.trim();
  if (txt) {
    setTimeout(() => {
      IVH.play(txt);
    }, 1000);
  }
}

document.querySelector('#btn').onclick = function (e) {
  const txt = document.querySelector('#txt').value.trim();
  if (txt) {
    setTimeout(() => {
      IVH.initAudio();
      IVH.play(txt);
    }, 1000);
  }
}

document.querySelector('#btn').onclick = function (e) {
  const txt = document.querySelector('#txt').value.trim();
  if (txt) {
    IVH.initAudio();
    IVH.play(txt, {
      isChat: true,
    });
  }
}

// Simulated streaming API test case, which is for reference only.
document.querySelector('#btn7').addEventListener('click', e => {
  const arr = [
    'The weather is nice today.',
    'It is sunny and breezy.',
    'We can go out and have fun.'
  ];
  IVH.initAudio();
  const streamId = crypto.randomUUID().replace(/-/g, '')
  for (let i = 0; i < arr.length; i++) {
    IVH.play(arr[i], {
      isStream: true,
      seqNo: i + 1,
      isFinal: i === arr.length - 1,
      streamId,
    })
  }
})

{
  version: '1.0.0'
}

/**
 * @returns Object
 * * @property {String} version: version information, for example, '1.0.0'.
 */
IVH.info()

let volume = 1;
document.querySelector('#btn2').onclick = function (e) {
  volume = 1 - volume;
  IVH.setVolume(volume);
}

document.querySelector('#btn3').onclick = function (e) {
  IVH.stop();
}

const result = await IVH.getActionConfig('xxx');
console.log(result);

const result = IVH.getConf();
console.log(result);

IVH.resetPositionInfo();

IVH.destroy();

// Ensure that initUnzip returns true before the ZIP link is passed in.
(async () => {
  const result = await IVH.initUnzip({
    path: './unzip'
  });
  result && IVH.init({
    element: '#xxxx',
    sign: 'xxxxx',
    virtualmanProjectId: 'xxxxx',
    modelPath: './model/model.zip',
    // For the ZIP link of an action file, only the URL in the array is considered, and subsequent values will be ignored. When using the ZIP file, you can specify a silent action by renaming the corresponding_action.json file in the ZIP package to default_action_idle.json. The system will consider this naming action as a silent action.
    actionPath: [
      './model/action.zip',
    ],
  });
})();

// Ensure that both init and initUnzip methods are called.
(async () => {
  const result = await IVH.initUnzip({
	path: './unzip'
  });
  IVH.on('init', e => {
    IVH.loadComponent({
	  zipPath: './model/aiyun/aiyun.zip',
    })
  });
  result && IVH.init({
	element: '#xxxx',
	sign: 'xxxxx',
	virtualmanProjectId: 'xxxxx',
	modelPath: './model/model.zip',
	// When the ZIP link of an action file is passed in, the first value in the array can be the URL, and other values will be ignored
	actionPath: [
	  './model/action.zip',
	],
  });
})();

IVH.on('init', e => {
  console.log('init:', e);
});

// Initialize clothing model A first.
IVH.init({
  element: '#model',
  virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
  sign: 'xxxxxxxxxxxxxxxxxx',
  modelPath: `./model/modelA.glb`,
  actionPath: [
    `./model/actionA/xxxx.json`,
  ]
});

// Terminate the previous clothing model A before the switch.
IVH.destroy();
// Re-initialize clothing model B.
IVH.init({
  element: '#model',
  virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
  sign: 'xxxxxxxxxxxxxxxxxx',
  modelPath: `./model/modelB.glb`,
  actionPath: [
    `./model/actionB/xxxx.json`,
  ]
});

// 1. Initialize the model and enable the positioning mode.
IVH.init({
  element: '#model',
  virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
  sign: 'xxxxxxxxxxxxxxxxxx',
  modelPath: `./model/model.glb`,
  actionPath: [
    `./model/action/xxxx.json`,
  ],
  modelOption: {
    mode: ['position']
  }
});

// 2. Scroll the mouse wheel to zoom in or out the model size, and right-click to drag the model position. After confirmation, call getConf to save the model as conf.json.
getConf.addEventListener('click', e => {
  const blob = new Blob([JSON.stringify(IVH.getConf())], { type: 'application/json' });
  // Name of the downloaded file.
  const filename = 'conf.json';
  // Create a hidden downloadable link.
  const eleLink = document.createElement('a');
  eleLink.download = filename;
  eleLink.style.display = 'none';
  // Convert the download content into a blob URL.
  eleLink.href = URL.createObjectURL(blob);
  // Trigger the click action.
  document.body.appendChild(eleLink);
  eleLink.click();
  // Remove the URL.
  document.body.removeChild(eleLink);
  URL.revokeObjectURL(eleLink.href);
});

// 3. Re-initialize the model and load configPath/configData. The model will be rendered based on the previously saved information.
IVH.init({
  element: '#model',
  virtualmanProjectId: 'xxxxxxxxxxxxxxxxxx',
  sign: 'xxxxxxxxxxxxxxxxxx',
  modelPath: `./model/model.glb`,
  actionPath: [
    `./model/action/xxxx.json`,
  ],
  configPath: './model/conf.json',
});

/*
 * Note: Style 1: style=1; style 2: style=2; style 3: style=3;
 */
{
  InteractionContent: "{\\"style\\":1,\\"options\\":[\\"Option 1\\",\\"Option 2\\",\\"Option 3\\"]}",
  InteractionType: "OptionInfo"
}