สร้างขึ้นเพื่อ WEB
Beauty AR SDK สำหรับ Web
เพิ่มการปรับแต่งสด เอฟเฟกต์ใบหน้า และพื้นหลังเสมือนให้กล้องในเบราว์เซอร์ด้วย Beauty AR SDK สำหรับ Web
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง Beauty AR SDK สำหรับ Web
คู่มือการผสานรวม
ติดตั้ง Beauty AR SDK สำหรับ Web ในไปป์ไลน์ประมวลผลกล้องของคุณ
บทสนทนาที่พร้อมออกกล้อง
เพิ่มการเบลอพื้นหลังในตัวอย่างเบราว์เซอร์ก่อนผู้ใช้เข้าร่วมสาย
ความสามารถของ WEB BEAUTY AR
สร้างประสบการณ์กล้องที่แอปต้องการ
อินพุตกล้อง
- การจับภาพกล้องในตัว
- สตรีมและภาพที่กำหนดเอง
รูปลักษณ์แบบเรียลไทม์
- การปรับแต่งผิวที่ปรับระดับได้
- ฟิลเตอร์และเอฟเฟกต์เมคอัพ
การควบคุมพื้นหลัง
- เบลอพื้นหลัง
- พื้นหลังภาพและวิดีโอ
สำรวจ Beauty AR SDK สำหรับ Web
เชื่อมต่อ API กับกล้อง การควบคุม และแอสเซ็ตเอฟเฟกต์ของคุณ
เริ่มด้วยตัวอย่างในเบราว์เซอร์
ใช้ Beauty AR SDK สำหรับ Web เพื่อจับอินพุตกล้องและดูตัวอย่างสตรีมที่ประมวลผลแล้ว
อ่านเอกสารsdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});ปรับลุคแบบเรียลไทม์
เชื่อมแถบเลื่อนกับ Beauty AR SDK สำหรับ Web และปรับเอฟเฟกต์หลังเริ่มต้นระบบ
อ่านเอกสารsdk.on('ready', () => {
sdk.setBeautify({
dermabrasion: 0.3,
whiten: 0.1,
});
});เปลี่ยนฉากด้านหลังบุคคล
เปิดการแยกส่วนใน Beauty AR SDK สำหรับ Web แล้วสลับระหว่างพื้นหลังเบลอกับภาพพื้นหลัง
อ่านเอกสาร// Enable module.segmentation during initialization.
sdk.on('ready', () => {
sdk.setBackground({
type: 'image',
src: '/backgrounds/library.jpg',
});
});การปรับแต่ง
อินเทอร์เฟซของคุณ ลุคของคุณ
รักษาประสบการณ์ให้สอดคล้องกับแอปของคุณ
สร้างประสบการณ์กล้องในแบบคุณ
สร้างแถบด้านข้างหรือแถบเครื่องมือด้านล่างสำหรับ Beauty AR SDK สำหรับ Web แอปของคุณเป็นผู้ควบคุมส่วนติดต่อ
อ่านเอกสารเติมเอกลักษณ์ให้ทุกเอฟเฟกต์
ใช้แอสเซ็ตเอฟเฟกต์ใบหน้าที่ได้รับสิทธิ์กับ Beauty AR SDK สำหรับ Web และจัดตัวเลือกเอฟเฟกต์ของคุณเอง
อ่านเอกสารเริ่มต้นใช้งาน
เริ่มใช้ Beauty AR SDK สำหรับ Web
- 01
- 02
- 03
ประมวลผลเฟรมแรก
เริ่มต้น Beauty AR SDK สำหรับ Web รอ ready แล้วดูตัวอย่างสตรีมกล้องที่ประมวลผลแล้ว
กำหนดค่าใบอนุญาต
npm install tencentcloud-webarimport { ArSdk } from 'tencentcloud-webar';
// Start after the user chooses to enable the camera.
const sdk = new ArSdk({
auth: { appId, licenseKey, authFunc },
module: { beautify: true, segmentation: true },
camera: { width: 1280, height: 720 },
});
sdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});คำถามที่พบบ่อยเกี่ยวกับ Beauty AR SDK สำหรับ Web
Beauty AR SDK สำหรับ Web มีแอปวิดีโอคอลครบถ้วนหรือไม่
ไม่มี SDK ประมวลผลสื่อจากกล้องและมี API ดูตัวอย่าง คุณต้องเพิ่มอินเทอร์เฟซแอปเองและใช้ SDK RTC หรือสตรีมมิงแยกเพื่อส่งออกภาพ
จะยืนยันสิทธิ์ Beauty AR SDK สำหรับ Web ได้อย่างไร
ผูกใบอนุญาต Web กับโดเมนที่ถูกต้อง ระบุ App ID, license key และ callback ลายเซ็นที่ทำงานผ่านเซิร์ฟเวอร์ เก็บ license token ไว้บนเซิร์ฟเวอร์
ใช้ Beauty AR SDK สำหรับ Web กับสตรีมกล้องที่มีอยู่ได้หรือไม่
ได้ เลือกโหมดอินพุตที่กำหนดเองสำหรับสตรีมที่มีอยู่ หรือใช้การจับภาพกล้องในตัว แอปต้องจัดการสิทธิ์กล้องและคืนทรัพยากร
ควรทดสอบเบราว์เซอร์ใดบ้าง
ตรวจสอบคู่มือความเข้ากันได้ปัจจุบันและทดสอบอุปกรณ์เป้าหมาย พื้นหลังโปร่งใสใช้ได้บนเครื่องในเบราว์เซอร์ที่รองรับ แต่การส่งผ่าน WebRTC ไม่รักษาช่อง alpha
Beauty AR SDK สำหรับ Web มีการให้สิทธิ์ใช้งานอย่างไร
เลือกใบอนุญาต Web ที่มีเอฟเฟกต์ตามความต้องการของแอป ตรวจสอบเงื่อนไขทดลองใช้และขอบเขตแพ็กเกจปัจจุบันก่อนใช้ในระบบจริง
จะเชื่อมต่อ Beauty AR SDK สำหรับ Web กับแอปเบราว์เซอร์ได้อย่างไร
ทำตามการตั้งค่าเบราว์เซอร์และข้อกำหนดสภาพแวดล้อมที่รองรับ ทดสอบสิทธิ์ที่ใช้ การนำทาง และการคืนทรัพยากรในเบราว์เซอร์จริงที่ต้องการรองรับ
จะทดสอบ Beauty AR SDK สำหรับ Web ก่อนเผยแพร่แอปได้อย่างไร
ทดสอบอินพุตและการประมวลผลเอฟเฟกต์ที่ได้รับสิทธิ์ รวมถึงสิทธิ์กล้องเมื่อใช้และการคืนทรัพยากรหลังออกจากตัวอย่าง
จะปรับแต่งอินเทอร์เฟซ Beauty AR SDK สำหรับ Web ได้อย่างไร
เชื่อมเอฟเฟกต์ที่รองรับกับตัวอย่างและตัวเลือกของคุณ แอสเซ็ต การรองรับฟีเจอร์ และขอบเขตใบอนุญาตต้องตรงกับแพลตฟอร์มเป้าหมาย
การสนับสนุนด้านการผสานรวมสำหรับ Web Beauty AR
พูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายเริ่มให้ประสบการณ์กล้องทำงาน
เริ่มพัฒนาด้วย Beauty AR SDK สำหรับ Web และใบอนุญาตที่เหมาะกับแอปของคุณ

