【多媒体封装格式详解】---MKV【1】

Matroska 开源多媒体容器标准。MKV属于其中的一部分。
Matroska常见的有.MKV视频格式、MKA音频格式、.MKS字幕格式、.MK3D files (stereoscopic/3D video).

1.EBML(Extensible Binary Meta Language)


MKV是建立在EBML这种语言的基础上,所以要了解MKV格式需要先了解EBML这种语言。

EBML是一种类似于XML格式的可扩展二进制元语言,使用可变长度的整数存储,以节省空间。

EBML基本元素结构:

typedef struct {
vint ID // EBML-ID
vint size // size of element
char[size] data // data
} EBML_ELEMENT;

ID标志属性类型

size为后面data部分的大小

data部分为ID所标识属性的实际数据

上面可以看到ID和size的类型都是vint,vint(Unsigned Integer Values of Variable Length)可变长度无符号整型,比传统32/64位整型更加节省空间。

长度计算方法为

长度 = 1 +整数前缀0比特的个数.

从MKV文件中简单接一段来举个例子。这是16进制表示方式


因为每个EBML元素都是由ID size data 三部分组成,我们就按照这些来分析。

将0x428 转成2进制 为 01000010    按照上面规则  前面有1个0 所以知道ID的长度为2,也就是0x4282为ID值。

将0x88 转成2进制为 10001000 1为开头 长度就是1,去掉前缀1变成了00001000 ,也就是 size的值为 8.

接下来的8个字节就是data值:6D 61 74 72 6F 73 6B 61  根据上面ID值查表得知 这个EMBL 名称为DocType 也就是说data的内容是string格式,所以转成askII码 data值就是“matroska” 和后面显示的一致。

所以这个EBML元素就解析出来了

ID=0x4282;

size=8;

data=“matroska” ;

得到的信息就是 DocType = matroska。


2.整体结构


让我们看看MKV的整体框架结构。

Level 0
Grouping
Level 1
Level 2Level 3
EBML
Header
EBMLVersion
 
DocType
 
Segment
Meta Seek Information
SeekHead
Seek
SeekID
SeekPosition
Seek
SeekID
SeekPosition
Segment Information
Info
Title 
SegmentUID 
Track
Tracks
TrackEntry
Name
TrackNumber
TrackType
TrackEntry
Name
TrackNumber
TrackType
Chapters
Chapters
Edition Entry 
Clusters
Cluster
Timecode 
BlockGroupBlock
BlockGroup
Block
ReferenceBlock
BlockGroupBlock
Cluster
Timecode 
BlockGroupBlock
BlockGroupBlock
BlockGroupBlock
BlockGroup
Block
BlockDuration
Cueing Data
Cues
CuePoint
CueTime
CuePosition
CuePoint
CueTime
CuePosition
Attachment
Attachments
AttachedFile
FileName
FileData
AttachedFile
FileName
FileData
Tagging
Tags
Tag
MultiTitle
Language
Tag
MultiTitle
Language
EBML元素都有自己的级别, 每一个高一级的元素由若干次一级的元素组成。
从整个MKV文件整体来看可分为2大部分:

EBML Header和Segment。

EBML Header由EBMLVersion、DocType等子元素组成,包含了文件的版本、文档类型等相关信息。

Segment部分保存了媒体文件的视频和音频的实际数据,其data部分又可以分为SeekHead、Tracks、Cluster等若干子元素。


未完待续!




  • 8
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
### 回答1: Element-UI 是一套基于 Vue.js 2.0 的 UI 组件库,提供了丰富的组件和模板,方便我们快速开发页面。其中,Table 组件是常用的数据展示组件之一,我们可以通过封装一个 TableList 组件来简化 Table 的使用。 以下是一个简单的 TableList 封装示例: ```vue <template> <div> <el-table :data="tableData" :height="height" :max-height="maxHeight" :stripe="stripe" :border="border" :default-sort="defaultSort" :show-header="showHeader" :highlight-current-row="highlightCurrentRow"> <el-table-column v-for="(column, index) in columns" :key="index" :label="column.label" :prop="column.prop" :width="column.width" :min-width="column.minWidth" :fixed="column.fixed" :resizable="column.resizable" :formatter="column.formatter" :show-overflow-tooltip="column.showOverflowTooltip"></el-table-column> </el-table> </div> </template> <script> export default { name: "TableList", props: { tableData: { type: Array, default: () => [] }, columns: { type: Array, default: () => [] }, height: { type: String, default: "" }, maxHeight: { type: String, default: "" }, stripe: { type: Boolean, default: true }, border: { type: Boolean, default: true }, defaultSort: { type: Object, default: () => {} }, showHeader: { type: Boolean, default: true }, highlightCurrentRow: { type: Boolean, default: true } } }; </script> ``` 在这个组件中,我们定义了以下 props: - `tableData`:表格数据,类型为 Array。 - `columns`:表格列的配置项,类型为 Array。每个配置项包含 `label`(列名)、`prop`(对应数据源的字段名)、`width`(列宽度)等属性。 - `height`:表格高度,类型为 String。 - `maxHeight`:表格最大高度,类型为 String。 - `stripe`:是否显示斑马纹,类型为 Boolean。 - `border`:是否显示边框,类型为 Boolean。 - `defaultSort`:默认排序规则,类型为 Object,包含 `prop`(排序字段名)和 `order`(排序方式)两个属性。 - `showHeader`:是否显示表头,类型为 Boolean。 - `highlightCurrentRow`:是否高亮当前行,类型为 Boolean。 通过封装这个 TableList 组件,我们可以在项目中更加方便地使用 Element-UI 的 Table 组件,同时也可以减少代码重复。 ### 回答2: element-ui是一款基于Vue.js的UI组件库,而tableList是element-ui中的一个组件封装。 tableList组件的主要作用是用于展示和管理数据表格。它提供了丰富的功能和选项,使得我们可以快速地构建出符合需求的数据表格界面。 首先,我们可以通过tableList组件来定义表格的列,包括列的名称、宽度、对齐方式等。可以根据实际需求设置不同的列,并且还可以对列进行排序、隐藏等操作。 其次,tableList组件还支持分页功能,可以根据数据的大小自动生成相应的分页器,方便用户浏览和查找数据。 另外,tableList还提供了搜索和筛选的功能,用户可以根据表格中的内容进行搜索和筛选操作,以方便快速找到想要的数据。 此外,tableList还支持多选、单选等操作,用户可以通过复选框或者单选按钮来选择需要的数据进行操作。 总的来说,tableList是element-ui中的一个封装组件,它简化了数据表格的开发和管理,提供了丰富的功能和选项,使得我们能够更加灵活和高效地展示和管理数据表格。 ### 回答3: element-ui封装中的tableList是对element-ui中的Table组件进行封装后的一个自定义组件。该组件可以方便地在项目中使用Table,减少重复代码的编写。 tableList的特点是具有高度的可定制性和扩展性。通过传入不同的参数和配置,可以实现不同的表格功能和样式。例如,可以通过指定columns来定义表格的列数和展示内容;通过指定data来传入数据源;通过设置pagination来实现分页等功能。 在tableList组件中,我们还可以通过插槽(slot)的方式来自定义表格的一些样式和功能。比如,可以使用slot="header"来自定义表头,使用slot-scope在插槽内部可以访问到每一行的数据。 除了基本的表格功能外,tableList还可以在数据源发生变化时进行自动刷新,通过设置@refresh事件来实现数据的实时更新。 总之,element-ui封装的tableList组件可以帮助我们快速搭建出功能齐全、扩展性强的表格展示页面。它简化了我们对Table组件的使用,提高了开发效率,同时保留了element-ui原本的特性和优势。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值