ผลิตภัณฑ์
Call
สร้างฟังก์ชันการโทรผ่านวิดีโอและเสียงภายในแอปได้อย่างง่ายดาย
Room
เพิ่มฟีเจอร์การประชุมลงในแอปของคุณด้วย Room SDK
Live
เพิ่มการไลฟ์สตรีมวิดีโอและเสียงแบบโต้ตอบลงในแอปของคุณ
Chat
เพิ่มประสบการณ์การรับส่งข้อความให้กับแอปของคุณด้วย Chat API
Push
เข้าถึงและกระตุ้นให้ผู้ใช้กลับมามีส่วนร่วมอีกครั้งได้ทันทีด้วย App Push และ Web Push
RTC Engine
ยกระดับการสื่อสารแบบเรียลไทม์ภายในแอปด้วย RTC SDK
In-game Voice Chat
สร้างแชตเสียงในเกมที่สมจริงด้วย GVoice SDK
Beauty AR
ผสานรวม Beauty AR สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

สร้างขึ้นเพื่อ 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 เพื่อจับอินพุตกล้องและดูตัวอย่างสตรีมที่ประมวลผลแล้ว

อ่านเอกสาร
preview.js
sdk.on('ready', async () => {
  const player = await sdk.initLocalPlayer('preview');
  await player.play();
});

การปรับแต่ง

อินเทอร์เฟซของคุณ ลุคของคุณ

รักษาประสบการณ์ให้สอดคล้องกับแอปของคุณ

สร้างประสบการณ์กล้องในแบบคุณ

สร้างแถบด้านข้างหรือแถบเครื่องมือด้านล่างสำหรับ Beauty AR SDK สำหรับ Web แอปของคุณเป็นผู้ควบคุมส่วนติดต่อ

อ่านเอกสาร

เริ่มต้นใช้งาน

เริ่มใช้ Beauty AR SDK สำหรับ Web

  1. 01

    เตรียมใบอนุญาต

    จับคู่ใบอนุญาตกับ โดเมนเว็บ ของคุณ

    เปิดคอนโซล Beauty AR
  2. 02

    เพิ่ม Beauty AR SDK สำหรับ Web

    ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ

    ทำตามคู่มือการผสานรวม
  3. 03

    ประมวลผลเฟรมแรก

    เริ่มต้น Beauty AR SDK สำหรับ Web รอ ready แล้วดูตัวอย่างสตรีมกล้องที่ประมวลผลแล้ว

    กำหนดค่าใบอนุญาต
Web Beauty AR SDK
เทอร์มินัล
npm install tencentcloud-webar
camera-preview.js
import { 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 และใบอนุญาตที่เหมาะกับแอปของคุณ