XRMediaBinding: createEquirectLayer() method
Limited availability
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 createEquirectLayer() của giao diện XRMediaBinding trả về đối tượng XREquirectLayer, là một lớp ánh xạ dữ liệu mã hóa hình cầu đều lên bên trong một hình cầu.
Cú pháp
createEquirectLayer(video, options)
Tham số
video-
Một
HTMLVideoElementđể hiển thị. options-
Một đối tượng để cấu hình
XREquirectLayer. Đối tượng có thể có các thuộc tính sau vàspacelà bắt buộc:centralHorizontalAngleOptional-
Một số chỉ ra góc ngang trung tâm tính bằng radian cho hình cầu. Giá trị mặc định:
6.28318(2π). 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. lowerVerticalAngleOptional-
Một số chỉ ra góc dọc thấp hơn tính bằng radian cho hình cầu. Giá trị mặc định:
-1.570795(-π/2). radiusOptional-
Một số chỉ ra bán kính của hình cầu. Giá trị mặc định
0.0. 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. upperVerticalAngleOptional-
Một số chỉ ra góc dọc cao hơn tính bằng radian cho hình cầu. Giá trị mặc định:
1.570795(π/2).
Giá trị trả về
Một đối tượng XREquirectLayer.
Ví dụ
Tạo XREquirectLayer để 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.createEquirectLayer(video, {
space: xrReferenceSpace,
});
xrSession.updateRenderState({
layers: [videoLayer],
});
}
Thông số kỹ thuật
| Specification |
|---|
| WebXR Layers API Level 1 # dom-xrmediabinding-createequirectlayer |