put_code('E') ]) 显示效果如下: 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度 比2:3 更多布局函数的用法及代码示例请查阅 布局函数文档 . 样式 如果你熟悉 CSS样式 [https://www.google.com/search?q=CSS%E6%A0%B7%E5%BC%8F] 图片内容. 类型可以为字符串类型的URL或者是 bytes-like object 或者为 PIL.Image.Image 实例 title (str) – 图片描述 width (str) – 图像的宽度，可以是CSS像素(数字px)或者 百分比(数字%)。 height (str) – 图像的高度，可以是CSS像素(数字px)或者 百分比(数字%)。可以只指定 width 和 height 中的一个 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应( None 子元素 也要对应宽度值). size 默认给 None 元素分配10像素宽度，将剩余元素平均 分配宽度. 宽度值可用格式: 像素值: 例如: 100px 百分比: 表示占可用宽度的百分比. 例如: 33.33% fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr 的 两倍

put_code('E') ]) 显示效果如下: 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度 比2:3 更多布局函数的用法及代码示例请查阅 布局函数文档 . 样式 如果你熟悉 CSS样式 [https://www.google.com/search?q=CSS%E6%A0%B7%E5%BC%8F] 可以为: 字符串类型的URL, bytes-like object 表示的图片二进制内容, PIL.Image.Image 实例 title (str) – 图片描述 width (str) – 图像的宽度，可以是CSS像素(数字px)或者 百分比(数字%)。 height (str) – 图像的高度，可以是CSS像素(数字px)或者 百分比(数字%)。可以只指定 width 和 height 中的一个 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应( None 子元素 也要对应宽度值). size 默认给 None 元素分配10像素宽度，并为剩余元素平 均分配宽度. 宽度值可用格式: 像素值: 例如: 100px 百分比: 表示占可用宽度的百分比. 例如: 33.33% fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr 的 两倍

1.1.0 显示效果如下: 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 字符串类型的 URL, bytes-like object 表示的图片二进制内容, PIL.Image.Image 实例 • title (str) –图片描述 • width (str) –图像的宽度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。 • height (str) –图像的高度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。可以 只指定 width 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应 ( None 子元素也要对应宽度值). size 默认给 None 元素分配 10 像素宽度，并为剩余元素平均分配宽度. 宽度值可用格式: – 像素值: 例如: 100px – 百分比: 表示占可用宽度的百分比. 例如: 33.33% – fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr

1.0.3 显示效果如下: 布局函数还支持自定义各部分的尺寸: put_row([put_image(...), put_image(...)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 类型可以为字符串类型的 URL 或者是 bytes-like object 或者为 PIL. Image.Image 实例 • title (str) –图片描述 • width (str) –图像的宽度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。 • height (str) –图像的高度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。可以 只指定 width 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应 ( None 子元素也要对应宽度值). 50 Chapter 4. Documentation PyWebIO, 发布 1.0.3 size 默认给 None 元素分配 10 像素宽度，将剩余元素平均分配宽度. 宽度值可用格式: – 像素值: 例如: 100px – 百分比: 表示占可用宽度的百分比

协 议 发 布 all right reserved ， powered by Gitbook最后更新： 2021-09-14 08:31:51 获取视频属性 用ffprobe获取视频分辨率 宽度和高度 ffprobe -v error -select_streams v:0 -show_entries stream=width,height - of csv=s=x:p=0 video_file 值必须是偶数，这里的 -1 表示保持长宽比，根据宽度值自适应高度 如果要求压缩出来的视频尺寸长宽都保持为偶数，可以使用 -2 extend扩大视频高度（和宽度） 注意：此处改变视频宽高，是 调整 = extend = enlarge = 扩大 或 缩小 ，不是 等比例 缩放 = resize 思路：用 ffmpeg 的 pad 参数去指定要扩大的宽度和高度 参数详解： pad = = padding ：增加视频区域，即宽度和（或）高度 width 和 height ：（增加了padding后的）输出的视频的宽度和高度 值的方式 固定的数值 表达式 可以借用内置支持的常量或变量 比如 输入的原始视频的 宽度： in_w = iw 高度： in_h = ih 输出的padding后的视频的 宽度： out_w = ow 高度： out_h = oh x和y：

]) 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 函数给输出设定自定义样式。 可以给单个的 put_xxx() 输出设定 字符串类型的 URL, bytes-like object 表示的图片二进制内容, PIL.Image.Image 实例 • title (str) –图片描述 • width (str) –图像的宽度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。 • height (str) –图像的高度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。可以 只指定 width 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应 ( None 子元素也要对应宽度值). size 默认给 None 元素分配 10 像素宽度，并为剩余元素平均分配宽度. 宽度值可用格式: – 像素值: 例如: 100px – 百分比: 表示占可用宽度的百分比. 例如: 33.33% – fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr

]) 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(⋯), put_image(⋯)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅布局函数文档 . 20 Chapter 4. Documentation PyWebIO, 发布 1.2.2 样式 如果你熟悉 CSS 样式 ，你还可以使用style() 字符串类型的 URL, bytes-like object 表示的图片二进制内容, PIL.Image.Image 实例 • title (str) –图片描述 • width (str) –图像的宽度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。 • height (str) –图像的高度，可以是 CSS 像素 (数字 px) 或者百分比 (数字%)。可以 只指定 width 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应 ( None 子元素也要对应宽度值). size 默认给 None 元素分配 10 像素宽度，并为剩余元素平均分配宽度. 宽度值可用格式: – 像素值: 例如: 100px – 百分比: 表示占可用宽度的百分比. 例如: 33.33% – fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr

4.0)协议发布 all right reserved， powered by Gitbook最后更新： 2021-09-14 08:31:51 获取视频属性 用ffprobe获取视频分辨率 宽度和高度 ffprobe -v error -select_streams v:0 -show_entries ffprobe -v error -select_streams v:0 -show_entries -1 表示保持长宽比，根据 宽度值自适应高度 如果要求压缩出来的视频尺寸长宽都保持为偶数，可以使 用 -2 extend扩大视频高度（和宽度） 注意：此处改变视频宽高，是 调整 = extend = enlarge = 扩 大 或 缩小 ，不是 等比例缩放 = resize 思路：用 ffmpeg 的 pad 参数去指定要扩大的宽度和高度 参数详解： pad = padding ：增加视频区域，即宽度和（或）高度 width 和 height ：（增加了padding后的）输出的视频的 宽度和高度 值的方式 固定的数值 表达式 可以借用内置支持的常量或变量 比如 输入的原始视频的 宽度： in_w = iw 高度： in_h = ih 输出的padding后的视频的 宽度： out_w = ow 高度：

0)协议发布 all right reserved， powered by Gitbook最后更新： 2021-09-14 08:31:51 获取 17 获取视频属性 ⽤ffprobe获取视频分辨率 宽度和⾼度 举例： 查看视频基本信息 通过： ffmpeg -i xxx.mp4 ffmpeg -i xxx.mp4 即可看到mp4视频的信息，其中包括了字幕的信息： 其中： Stream -1 表示保持⻓宽⽐，根据宽度 值⾃适应⾼度 如果要求压缩出来的视频尺⼨⻓宽都保持为偶数，可以使⽤ -2 extend扩⼤视频⾼度（和宽度） 注意：此处改变视频宽⾼，是 调整 = extend = enlarge = 扩 ⼤ 或 缩⼩ ，不是 等⽐例缩放 = resize 思路：⽤ ffmpeg 的 pad 参数去指定要扩⼤的宽度和⾼度 参数详解： pad = padding ：增加视频区域，即宽度和（或）⾼度 width 和 height ：（增加了padding后的）输出的视频的宽 度和⾼度 值的⽅式 固定的数值 表达式 可以借⽤内置⽀持的常量或变量 ⽐如 输⼊的原始视频的 宽度： in_w = iw ⾼度： in_h = ih 输出的padding后的视频的 宽度： out_w = ow ⾼度：

可以实现灵活布局: 以上代码将在浏览器上显示如下： 布局函数还支持自定义各部分的尺寸: put_row([put_image(…), put_image(…)], size='40% 60%') # 左右两图宽度比 2:3 更多布局函数的用法及代码示例请查阅 布局函数文档 . 样式 put_row([ put_column([ put_code('A'), put_row([ 可以为: 字符串类型的URL, bytes-like object 表示的图片二进制内容, PIL.Image.Image 实例 title (str) – 图片描述 width (str) – 图像的宽度，可以是CSS像素(数字px)或者 百分比(数字%)。 height (str) – 图像的高度，可以是CSS像素(数字px)或者 百分比(数字%)。可以只指定 width 和 height 中的一个 用于指示子元素的宽度, 为空格分割的宽度值列表. 宽度值需要和 content 中子元素一一对应( None 子元素 也要对应宽度值). size 默认给 None 元素分配10像素宽度，并为剩余元素平 均分配宽度. 宽度值可用格式: 像素值: 例如: 100px 百分比: 表示占可用宽度的百分比. 例如: 33.33% fr 关键字: 表示比例关系, 2fr 表示的宽度为 1fr 的 两倍