ĐƯỢC XÂY DỰNG CHO WEB
Beauty AR SDK cho Web
Thêm chỉnh sửa trực tiếp, hiệu ứng khuôn mặt và nền ảo vào camera trình duyệt với Beauty AR SDK cho Web.
TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN
Tài liệu & Ví dụ về Beauty AR SDK cho Web
Ví dụ & mã nguồn
Xem sản phẩm hoạt động thực tế và khám phá cách triển khai.
Cuộc trò chuyện sẵn sàng lên hình
Thêm làm mờ nền vào bản xem trước trình duyệt trước khi người dùng tham gia cuộc gọi.
Thử trang điểm trong trình duyệt
Cho phép người dùng xem trước màu môi và hiệu ứng trang điểm qua camera.
TÍNH NĂNG WEB BEAUTY AR
Xây dựng trải nghiệm camera mà ứng dụng cần
Đầu vào camera
- Thu hình camera tích hợp
- Luồng và ảnh tùy chỉnh
Diện mạo theo thời gian thực
- Chỉnh sửa da có thể điều chỉnh
- Bộ lọc và hiệu ứng trang điểm
Điều khiển nền
- Làm mờ nền
- Nền ảnh và video
Khám phá Beauty AR SDK cho Web
Kết nối API với camera, điều khiển và tài nguyên hiệu ứng.
Bắt đầu bằng xem trước trình duyệt
Dùng Beauty AR SDK cho Web để thu đầu vào camera và xem trước luồng đã xử lý.
Đọc tài liệusdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});Điều chỉnh diện mạo theo thời gian thực
Kết nối thanh trượt với Beauty AR SDK cho Web và điều chỉnh hiệu ứng sau khi khởi tạo.
Đọc tài liệusdk.on('ready', () => {
sdk.setBeautify({
dermabrasion: 0.3,
whiten: 0.1,
});
});Thay đổi cảnh phía sau người dùng
Bật phân đoạn trong Beauty AR SDK cho Web, rồi chuyển giữa làm mờ và nền ảnh.
Đọc tài liệu// Enable module.segmentation during initialization.
sdk.on('ready', () => {
sdk.setBackground({
type: 'image',
src: '/backgrounds/library.jpg',
});
});TÙY CHỈNH
Giao diện của bạn. Diện mạo của bạn.
Giữ trải nghiệm nhất quán với ứng dụng.
Tạo trải nghiệm camera của riêng bạn
Xây dựng thanh bên hoặc thanh công cụ dưới cho Beauty AR SDK cho Web. Ứng dụng quản lý các điều khiển.
Đọc tài liệuTạo dấu ấn riêng cho từng hiệu ứng
Dùng tài nguyên hiệu ứng khuôn mặt được cấp phép với Beauty AR SDK cho Web và tổ chức bộ chọn hiệu ứng riêng.
Đọc tài liệuBẮT ĐẦU
Bắt đầu với Beauty AR SDK cho Web
- 01
- 02
Thêm Beauty AR SDK cho Web
Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.
Làm theo Hướng dẫn tích hợp - 03
Xử lý khung hình đầu tiên
Khởi tạo Beauty AR SDK cho Web, chờ ready rồi xem trước luồng camera đã xử lý.
Cấu hình giấy phép
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();
});Câu hỏi thường gặp về Beauty AR SDK cho Web
Beauty AR SDK cho Web có bao gồm ứng dụng gọi video hoàn chỉnh không?
Không. SDK xử lý media camera và cung cấp API xem trước. Cần thêm giao diện ứng dụng riêng và SDK RTC hoặc phát trực tiếp riêng để phát đầu ra.
Cách xác thực Beauty AR SDK cho Web?
Liên kết giấy phép Web với đúng tên miền. Cung cấp App ID, license key và callback chữ ký từ máy chủ; giữ license token trên máy chủ.
Beauty AR SDK cho Web có dùng được luồng camera hiện có không?
Có. Chọn chế độ đầu vào tùy chỉnh cho luồng hiện có hoặc dùng thu hình camera tích hợp. Ứng dụng cần xử lý quyền camera và giải phóng tài nguyên.
Nên kiểm thử những trình duyệt nào?
Xem hướng dẫn tương thích hiện tại và kiểm thử thiết bị mục tiêu. Nền trong suốt hoạt động cục bộ trên trình duyệt được hỗ trợ, nhưng phát qua WebRTC không giữ kênh alpha.
Beauty AR SDK cho Web được cấp phép như thế nào?
Chọn giấy phép Web có hiệu ứng ứng dụng cần. Kiểm tra điều kiện dùng thử hiện tại và phạm vi gói trước khi dùng trong môi trường sản xuất.
Cách tích hợp Beauty AR SDK cho Web vào ứng dụng trình duyệt?
Làm theo thiết lập trình duyệt và yêu cầu môi trường được hỗ trợ. Kiểm thử quyền khi dùng, điều hướng và dọn dẹp trong trình duyệt thực tế dự định hỗ trợ.
Cách kiểm thử Beauty AR SDK cho Web trước khi phát hành ứng dụng?
Kiểm thử đầu vào và xử lý hiệu ứng được cấp phép, gồm quyền camera khi dùng và dọn dẹp sau khi thoát xem trước.
Cách tùy chỉnh giao diện Beauty AR SDK cho Web?
Kết nối hiệu ứng được hỗ trợ với xem trước và bộ chọn riêng. Tài nguyên, tính năng hỗ trợ và phạm vi giấy phép phải khớp nền tảng mục tiêu.
Hỗ trợ tích hợp Web Beauty AR
Trao đổi về ứng dụng của bạn
Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.
Liên hệ bộ phận kinh doanhĐưa trải nghiệm camera vào hoạt động
Bắt đầu xây dựng với Beauty AR SDK cho Web và giấy phép phù hợp với ứng dụng.

