oss技能应用

阿里云OSS图片压缩

在移动端或后台程序中。经常需要将上传到 OSS 的大尺寸图片进行压缩、裁剪或格式转换，以减少流量和存储成本。传统做法是先下载原图到本地，再用第三方库处理一下。接下来再上传到 OSS，这既浪费时间又增加了服务器负担。OSS 的图像处理参数让可以直接在 URL 后拼接指令。完成所有操作，而不必离开服务器。

/**
* OSS 图片压缩 - 通过 URL 拼接图片处理参数
* @param url 原始 OSS 图片地址
* @param options 压缩配置
* @returns 处理后的图片 URL
*/
interface OssImageCompressOptions {
/** 图片质量 */
quality?: number，/** 目标宽度 */
从width?来看，number，/** 目标高度 */
height?话说回来，: number;/** 缩放模式:
* lfit
* mfit
* fill
* pad
* fixed */
mode?的观点是，'lfit' | 'mfit' | 'fill' | 'pad' | 'fixed';说起来，/** 输出格式: jpg | png | webp | gif | bmp */
format?: 'jpg' | 'png' | 'webp' | 'gif' | 'bmp';}
function getOssImageCompressUrl(
至于url，string。options: OssImageCompressOptions = {}
): string {
const {
quality = 80,width,height,mode = 'lfit',format
} = options;老实说，const params: string =;// 缩放处理
if {
let resizeParam = `image/resize,m_${mode}`;按理说，if resizeParam += `,w_${width}`;if resizeParam += `,h_${height}`;params.push，}
// 质量压缩
params.push;// 格式转换
if {
params.push;}
const separator = url.includes?'&' : '，';return `${url}${separator}x-oss-process=${params.join}`;}
// 使用示例：
const compressedUrl = getOssImageCompressUrl('https://bucket.example.com/path/image.jpg'。{
quality: 60,width: 800,format: 'webp'
});console.log，// 输出示例：
// https://bucket.example.com/path/image.jpg?
x-oss-process=image/resize,w_800/m_lfit/quality,q_60/format。webp

阿里云OSS视频截帧

视频内容往往需要展示预览图或生成封面。传统方式是先把完整视频下载到服务器，接下来使用 FFmpeg 等工具截取帧并上传。话说回来，这样不仅占用硬盘空间，还导致 CPU 占用率飙升。借助 OSS 的视频处理参数。可以直接从视频 URL 中获取任意时间点的截图，省时省力。

/**
* OSS 视频截帧 - 通过 URL 拼接视频截帧参数
* @param url 原始 OSS 视频地址
* @param options 截帧配置
* @returns 截帧图片 URL
*/
interface OssVideoSnapshotOptions {
/** 截帧时间点 */
至于time?，number，/** 截图宽度，0 表示自动计算比例 */
再看width?，number，/** 截图高度，0 表示自动计算比例 */
height?: number，/** 截帧模式:
* fast
* accurate */
从mode?来看，'fast' | 'accurate';/** 输出格式: jpg | png */
format?: 'jpg' | 'png';}
function getOssVideoSnapshotUrl(
说到url，string,options: OssVideoSnapshotOptions = {}
): string {
const {
time = 1000。// 默认取第一秒处的截图
width = null,height = null,mode = 'fast',format = 'jpg'
} = options;let snapshotParam = `video/snapshot。t_${time},f_${format},m_${mode}`;说起来，if snapshotParam += `。w_${width}`，if snapshotParam += `,h_${height}`;说起来，const separator = url.includes?'&' : '，';return `${url}${separator}x-oss-process=${snapshotParam}`;}
// 使用示例：
const thumbnailUrl = getOssVideoSnapshotUrl('https://bucket.example.com/path/video.mp4'。{
再看time，3000,// 第三秒处截图
再看format，'png',width: 640,height: null,// 高度自动适配宽度比例
});console.log，// 输出示例：
// https://bucket.example.com/path/video.mp4?x-oss-process=video/snapshot,t_3000。f_png,m_fast,w_640