カスタムストリーム

// 認証パラメータの取得
const authData = {
 licenseKey: 'xxxxxxxxx',
 appId: 'xxx',
 authFunc: authFunc // 詳細については「License の設定と使用 - 署名方法」をご参照ください
};
// SDKのストリームを入力します
const stream = await navigator.mediaDevices.getUserMedia({
 audio: true,
 video: { width: w, height: h }
})

const config = {
 module: { // 0.2.0バージョンの追加
     beautify: true, // 美顔モジュールを有効にするかどうか。有効にすると美顔、メイクアップ、ステッカーなどの機能を使用することができます
     segmentation: true // 人物画像分割モジュールを有効にするかどうか。有効にすると背景機能が使用できます
 },
 auth: authData, // 認証パラメータ
 input: stream, // input入力ストリームの転送
 beautify: { // 美顔パラメータの初期化(オプション)
     whiten: 0.1,
     dermabrasion: 0.3,
     eye: 0.2,
     chin: 0,
     lift: 0.1,
     shave: 0.2
 }
}
const sdk = new ArSdk(
 // configオブジェクトを渡してsdkの初期化に使用します
 config
)

const config = {
 auth: authData, // 認証パラメータ
 input: 'https://xxx.png', // input転送入力ストリーム
}
const sdk = new ArSdk(
 // configオブジェクトを渡してsdkの初期化に使用します
 config
)

// ページ表示のためにcreatedコールバックでエフェクトおよびフィルターリストをプルすることができます。詳細については、「SDKへのアクセス - パラメータと方法」をご参照ください
sdk.on('created', () => {
 // 内蔵メイクアップの取得
 sdk.getEffectList({
     Type: 'Preset',
     Label: 'メイクアップ',
 }).then(res => {
     effectList = res
 });
 // 内蔵フィルターの取得
 sdk.getCommonFilter().then(res => {
     filterList = res
 })
})

// readyコールバックでsetBeautify/setEffect/setFilterなどのレンダリング方法を呼び出すことができます
// 詳細については「SDKへのアクセス - 美顔およびエフェクトの設定」をご参照ください
sdk.on('ready', () => {
 // 美顔設定
 sdk.setBeautify({
     whiten: 0.2
 });
 // エフェクトの設定
 sdk.setEffect({
     id: effectList[0].EffectId,
     intensity: 0.7
 });
 // フィルターの設定
 sdk.setFilter(filterList[0].EffectId, 0.5)
})

sdk.on('cameraReady', async () => {
  // camerareadyコールバック内でより早く出力画面を取得することができます。この時初期化で渡された美顔パラメータはまだ有効ではなく、入力画面と同じです
  // できるだけ早く画面を表示する必要がありますが、画面が表示されたらすぐに美顔のシーンを要求されるわけではありません
  // その後美顔が有効になった後streamを更新する必要はなく、SDK内部で処理されます
  const output = await ar.getOutput();
  // video再生出力するメディアストリームを使用し、効果をプレビューします
  const video = document.createElement('video')
  video.setAttribute('playsinline', '');
  video.setAttribute('autoplay', '');
  video.srcObject = output
  document.body.appendChild(video)
  video.play()
})

sdk.on('ready', async () => {
  // readyコールバックで出力画面を取得します。この時、初期化され渡された美顔パラメータが有効であれば、取得したoutput streamにはすでに美顔効果があります
  // 上記のcameraReadyでoutputを取得することとは異なり、このコールバック実行タイミングはわずかに遅くなります。画面を表示するとすぐに美顔シーンがありますが、できるだけ早く画面を表示するシーンを要求されるわけではありません
  const output = await ar.getOutput();
  // video再生出力するメディアストリームを使用し、効果をプレビューします
  const video = document.createElement('video')
  video.setAttribute('playsinline', '');
  video.setAttribute('autoplay', '');
  video.srcObject = output
  document.body.appendChild(video)
  video.play()
})