VTTRegion - Web APIs 编辑

The VTTRegion interface—part of the API for handling WebVTT (text tracks on media presentations)—describes a portion of the video to render a VTTCue onto.

Constructor

VTTRegion()
Returns a newly created VTTRegion object.

Properties

VTTRegion.id
A DOMString that identifies the region.
VTTRegion.width
A double representing the width of the region, as a percentage of the video.
VTTRegion.lines
A double representing the height of the region, in number of lines.
VTTRegion.regionAnchorX
A double representing the region anchor X offset, as a percentage of the region.
VTTRegion.regionAnchorY
A double representing the region anchor Y offset, as a percentage of the region.
VTTRegion.viewportAnchorX
A double representing the viewport anchor X offset, as a percentage of the video.
VTTRegion.viewportAnchorY
A double representing the viewport anchor Y offset, as a percentage of the video.
VTTRegion.scroll
An enum representing how adding new cues will move existing cues.

Examples

var region = new VTTRegion();
region.width = 50;  // Use 50% of the video width
region.lines = 4;  // Use 4 lines of height.
region.viewportAnchorX = 25;  // Have the region start at 25% from the left.
var cue = new VTTCue(2, 3, 'Cool text to be displayed');
cue.region = region;  // This cue will be drawn only within this region.

Specifications

SpecificationStatusComment
WebVTT: The Web Video Text Tracks FormatCandidate Recommendation 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:70 次

字数:4349

最后编辑:6 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文