XRMediaBinding: createQuadLayer() method
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Phương thức createQuadLayer() của giao diện XRMediaBinding trả về đối tượng XRQuadLayer, là một lớp chiếm một không gian hình chữ nhật phẳng trong môi trường ảo.
Cú pháp
createQuadLayer(video, options)
Tham số
video-
Một
HTMLVideoElementđể hiển thị. options-
Một đối tượng để cấu hình
XRQuadLayer. Đối tượng có thể có các thuộc tính sau vàspacelà bắt buộc:heightOptional-
Một số chỉ định chiều cao của lớp.
invertStereoOptional-
Giá trị boolean chỉ định liệu vị trí tự nhiên của mỗi khung nhìn trong video có nên bị đảo ngược không. Mặc định là
false. layoutOptional-
Chuỗi chỉ ra bố cục của video. Các giá trị có thể giống như trong
createCylinderLayer. Giá trị mặc định làmono. spaceBắt buộc-
Một đối tượng
XRSpacexác định mối quan hệ không gian của lớp với môi trường vật lý của người dùng. transformOptional-
Một đối tượng
XRRigidTransformxác định độ lệch và hướng tương đối vớispace. widthOptional-
Một số chỉ định chiều rộng của lớp.
Giá trị trả về
Một đối tượng XRQuadLayer.
Ví dụ
Tạo XRQuadLayer để hiển thị video
function onXRSessionStarted(xrSession) {
const xrMediaBinding = new XRMediaBinding(xrSession);
const video = document.createElement("video");
video.src = "just-fascination.mp4";
const videoLayer = xrMediaBinding.createQuadLayer(video, {
space: xrReferenceSpace,
});
xrSession.updateRenderState({
layers: [videoLayer],
});
}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| WebXR Layers API Level 1 # dom-xrmediabinding-createquadlayer |