把完整体验，
带到你的网站。

01 / 三步接入

1. 点击上方按钮下载完整组件包，解压得到 dist/ 和接入说明。
2. 将 dist/ 里面的全部内容上传到网站的 /company-effects/ 目录。
3. 在已有网页中添加下方代码，并通过网站地址打开。

上传后，脚本地址应为 /company-effects/company-effects.iife.js。完整音画资源已随包提供；声音会在访客首次点击后启用。

<div id="my-site">
  <!-- 你的现有网站内容 -->
  <company-glass style="padding:24px">
    你的业务面板
  </company-glass>
</div>
<script src="/company-effects/company-effects.iife.js"></script>
<script>
  const effects = ShumiaoEffects.mount('#my-site', {
    assetBase: '/company-effects/',
    brand: { name: '数苗科技', identity: '数苗伙伴' },
    startup: { mode: 'session', interactive: true },
    music: { enabled: true, src: '/company-effects/music/got-you-vocal.m4a' },
    wallpaper: {
      type: 'scene', src: '/company-effects/wallpapers/3496849678/',
      muteAudio: true, scrim: 0.35,
      properties: { newproperty19: 0.78, newproperty4: false }
    }
  });
</script>

02 / 切换到你自己的资源

// 视频背景
await effects.setWallpaper({
  type: 'video', src: '/media/company-brand.mp4'
});

// Wallpaper Engine：完整工程目录 URL
await effects.setWallpaper({
  type: 'scene', src: '/wallpapers/my-project/'
});

// 网页壁纸
await effects.setWallpaper({
  type: 'web', src: '/wallpapers/web/index.html'
});

03 / 与业务系统连接

effects.configure({ brand: { identity: currentUser.name } });
effects.addEventListener('sm:startup-complete', (event) => {
  console.log('入场结束', event.detail.skipped);
});
effects.openSettings();
effects.replay();
effects.pause();
effects.resume();
effects.destroy(); // 保留原网站内容，移除组件