TS科普10 自适应字段

adaptation_field_length — adaptation_field_length 为指定紧随adaptation_field_length 的adaptation_field中的字节数的8 比特字段。0 值表示传输流包中插入单个填充字节。当adaptation_field_control 值为‘11’时,adaptation_field_length 值必须在0 到182 的区间内。当adaptation_field_control 值为‘10’时,adaptation_field_length 值必须为183。对于承载PES 包的传输流包,只要存在欠充足的PES 包数据就需要通过填充来完全填满传输流包的有效载荷字节。填充通过规定自适应字段长度比自适应字段中数据元的长度总和还要长来实现,以致于自适应字段在完全容纳有效的PES 包数据后,有效载荷字节仍有剩余。自适应字段中额外空间采用填充字节填满。
这是承载PES 包的传输流包所允许的唯一填充方法。对于承载PSI 的传输流包,可供选择的填充方法在2.4.4 中描述。

PCR_flag — PCR_flag 为1 比特标志。‘1’值指示adaptation_field 包含以两部分编码的PCR 字段。‘0’值指示自适应字段不包含任何PCR 字段。

program_clock_reference_base; program_clock_reference_extension — rogram_clock_reference
(PCR) 为以两部分编码的42 比特字段。第一部分,program_clock_reference_base 为33 比特字段,其值由PCR_ base (i)给出,如公式2-2 中给出的。第二部分,rogram_clock_reference_extension 为9 比特字段,其值由PCR_ext(i) 给出,如公式2-3 中给出的。PCR 指示包含program_clock_reference_base 最后比特的字节到达系统目标解码器输入端的预期时间。

中间部分详见H.222标准文档

stuffing_byte — 此为固定的8 比特值等于‘1111 1111’,能够通过编码器插入。它亦能被解码器丢弃。


### 实现 Vue 3 TypeScript 和 Vite 的响应式设计 为了创建一个基于 Vue 3、TypeScript 和 Vite 构建工具链的自适应布局应用,可以遵循以下方法: #### 安装依赖项 首先,在项目初始化阶段需安装必要的包来支持 TypeScript 及其他开发环境需求。 ```bash npm init vite@latest my-vue-app --template vue-ts cd my-vue-app npm install ``` 这会设置好基本结构并引入了对 TypeScript 支持的基础配置[^1]。 #### 添加样式框架 对于响应式设计来说,Tailwind CSS 是一种非常流行的选择因为它允许开发者通过实用程序类快速构建灵活的设计方案。可以通过如下命令添加 Tailwind 到项目中: ```bash npm install tailwindcss postcss autoprefixer npx tailwindcss init -p ``` 编辑 `tailwind.config.js` 文件以包含路径模式匹配所有组件文件的位置以便提取所需的CSS规则。 #### 创建全局样式表 在项目的根目录下新建名为 `index.css` 或者类似的文件用于导入 Tailwind 提供的核心功能以及任何额外定义的颜色主题等个性化设定。 ```css /* ./src/index.css */ @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities"; body { font-family: Arial, sans-serif; } ``` 确保此文件被正确引入到主入口文件(通常是 main.ts 中),这样整个应用程序都可以访问这些样式。 #### 编写响应式的单文件组件 (SFCs) 利用 Tailwind 提供的一系列断点前缀 (`sm:` , `md:` , ...) 来轻松处理不同屏幕尺寸下的视觉调整;同时结合 TypeScript 类型安全特性编写更加健壮的应用逻辑。 ```html <template> <div class="container mx-auto p-4"> <!-- Responsive grid layout --> <div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5"> <Card v-for="(item,index) in items" :key="index" /> </div> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ name:'ResponsiveGrid', props:{ items:Array, required:true }, }); </script> ``` 上述例子展示了如何使用 Grid 布局配合媒体查询实现多列卡片视图,并且随着窗口宽度变化自动改变每行显示的数量。 #### 进度条集成与路由守卫 如果希望进一步增强用户体验,则可以在页面切换过程中加入平滑过渡效果比如进度指示器NProgress。按照给定的方式修改路由配置使得每次导航事件触发时都能看到顶部淡入淡出的效果[^4]。 ```javascript // src/config.ts import NProgress from 'nprogress' import 'nprogress/nprogress.css' const setupRouterGuard = () => { NProgress.configure({...}) ... } setupRouterGuard() ``` ---
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值