VTTRegion
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Giao diện VTTRegion của WebVTT API mô tả một phần của video để render VTTCue trên đó.
Hàm khởi tạo
VTTRegion()-
Trả về một đối tượng
VTTRegionmới được tạo.
Thuộc tính phiên bản
VTTRegion.id-
Một chuỗi xác định vùng.
VTTRegion.width-
Đại diện cho chiều rộng của vùng, theo tỷ lệ phần trăm của video.
VTTRegion.lines-
Đại diện cho chiều cao của vùng, theo số dòng.
VTTRegion.regionAnchorX-
Đại diện cho độ lệch neo vùng theo trục X, theo tỷ lệ phần trăm của vùng.
VTTRegion.regionAnchorY-
Đại diện cho độ lệch neo vùng theo trục Y, theo tỷ lệ phần trăm của vùng.
VTTRegion.viewportAnchorX-
Đại diện cho độ lệch neo viewport theo trục X, theo tỷ lệ phần trăm của video.
VTTRegion.viewportAnchorY-
Đại diện cho độ lệch neo viewport theo trục Y, theo tỷ lệ phần trăm của video.
VTTRegion.scroll-
Một enum đại diện cho cách thêm một cue mới sẽ di chuyển các cue hiện có.
Ví dụ
js
const region = new VTTRegion();
region.width = 50; // Dùng 50% chiều rộng video
region.lines = 4; // Dùng 4 dòng chiều cao.
region.viewportAnchorX = 25; // Bắt đầu vùng ở 25% từ bên trái.
const cue = new VTTCue(2, 3, "Cool text to be displayed");
cue.region = region; // Cue này sẽ chỉ được vẽ trong vùng này.
Thông số kỹ thuật
| Specification |
|---|
| WebVTT: The Web Video Text Tracks Format # the-vttregion-interface |