美文网首页
VideoJS-轨道-视频轨道

VideoJS-轨道-视频轨道

作者: JuanitaLee | 来源:发表于2019-04-03 14:24 被阅读0次

视频轨道Video Tracks

视频音轨是HTML5视频的一个功能,为用户提供可选的视频轨道,这样他们就可以改变我们想要观看的视频类型。Video.js提供了一个跨浏览器的视频轨道实现。
注意事项
*不能够像添加文本轨道那样通过HTML去添加视频轨道,必须以编程方式添加。
2video.js只存储视频轨道描述,

使用视频轨道
给播放器添加一个视频轨道:

// Create a player.
var player = videojs('my-player');

// Create a track object.
var track = new videojs.VideoTrack({
  id: 'my-alternate-video-track',
  kind: 'commentary',
  label: 'Director\'s Commentary',
  language: 'en'
});

// Add the track to the player's video track list.
player.videoTracks().addTrack(track);

监听视频轨道启用是否开启
当在VideoTrackList上启用或禁用一个track时,将触发change事件。你可以监听该事件并对做一些事情。
*注意:初始VideoTrack选项(通常是主轨道),不应该触发更改事件。

// Get the current player's VideoTrackList object.
var videoTrackList = player.videoTracks();

// Listen to the "change" event.
videoTrackList.addEventListener('change', function() {

  // Log the currently enabled VideoTrack label.
  for (var i = 0; i < videoTrackList.length; i++) {
    var track = videoTrackList[i];

    if (track.enabled) {
      videojs.log(track.label);
      return;
    }
  }
});

从播放器删除一个视频轨道
假设一个播放器已经存在,并有一个你想删除的视频轨道,你可能会做以下事情:

// Get the track we created in an earlier example.
var track = player.videoTracks().getTrackById('my-alternate-video-track');

// Remove it from the video track list.
player.videoTracks().removeTrack(track);

API

有关更完整的信息,请参阅Video.js API文档,尤其是:

  • Player#videoTracks
  • VideoTrackList
  • VideoTrack

videojs.VideoTrack

这个类基于VideoTrack标准,用于创建新的音频轨道对象。

AudioTrack构造器的选项如下:

  • id
    轨道的一个唯一标识,如果没有给出,videojs会自动创建一个。

  • kind
    Video.js支持AudioTracks的标准类型值:
    1、""(default):没有明确的类型,或者用户代理无法识别轨道元数据给出的类型。
    2、"alternative":主轨道的可能替代方案。
    3、"captions": 带标题的主视频轨道
    4、"main": 主视频轨道。
    5、"sign": 添加手语覆盖的主视频轨道
    6、"subtitles": 有翻译字幕的主轨道视频
    7、"commentary": 带评论的主轨道视频

  • label
    将向用户显示的轨道标签。 例如,在菜单中列出可用作备用音轨的不同语言。

  • language
    用于视频轨道语言的有效BCP 47代码,例如 “ en”代表英语,“ es”代表西班牙语。
    有关受支持的语言翻译,请参阅Video.js根目录中的语言文件夹(/ lang),并参阅语言指南以获取有关Video.js中语言的更多信息。

  • selected
    轨道是否正在播放,一次只能选择一个视频轨道。

相关文章

  • VideoJS-轨道-视频轨道

    视频轨道Video Tracks 视频音轨是HTML5视频的一个功能,为用户提供可选的视频轨道,这样他们就可以改变...

  • VideoJS-轨道-文本轨道

    原文https://docs.videojs.com/tutorial-tracks.htmlVideoJS当前有...

  • VideoJS-轨道-音频轨道

    音频轨道Audio Tracks 音轨允许为视频选择替代音频,可为用户提供备用音轨选择,以便播放主轨之外的音轨。v...

  • iOS视频编辑学习笔记(1)-AVAsset、AVMutable

    首先了解下这类软件一些相关知识:一个工程文件中有很多轨道,如音频轨道1,音频轨道2,音频轨道3,视频轨道1,视频轨...

  • 轨道轨道

    回到自己到底需要付出多少心血与能量 红尘中修正自己需要多少勇气与胆识 本身就是一个奇迹,每个人多少都有污点,怎么生...

  • h5音频和视频

    标签 audio video source 视频容器 容器文件,类似于压缩了一组文件--音频轨道--视频轨道--元...

  • 轨道

    发生矿难的前一天,纤尘乘坐着最后一班车缓缓的离开矿洞,他像往常一样回到家中,和刚睡醒卢澜抱怨争吵着工作的劳累,卢澜...

  • 轨道

    悲伤和快乐永远 都是行驶在人生轨道中的平行列车 不可能有相交的站台 但却有转换的站台 彼此的擦肩而过 没有任何的给...

  • 轨道

    与你同行 寒来暑往 亘古不变 深情相望 悬崖峭壁 与你同往 峡谷深渊 在你身旁 无法相拥 只能相望 你的目标 我的...

  • 轨道

    作者前言:最近周末在整理以前写的一些文章,发现原来有很多从来没有发出来过。七月内将陆续推送出来。看看以前写的文字,...

网友评论

      本文标题:VideoJS-轨道-视频轨道

      本文链接:https://www.haomeiwen.com/subject/ltfzbqtx.html