Skip to content

初始化配置

注意

  • uniappx项目中配置的属性名称为configX
  • uniapp项目配置的属性名称为config

配置方式

js
//配置
config: {
  /**
   * 播放源类型,可选值:VidAuth、VidSts、Url
   * VidAuth:通过 VID 和 Auth 授权播放视频的资源类型。使用播放授权码进行授权,适用于需要更简单授权机制的场景。
   * VidSts:通过 VID 和 STS 令牌播放视频的资源类型。使用阿里云 STS (Security Token Service) 进行授权,提供更高的安全性和访问控制。适用于需要临时访问凭证的场景。
   * Url:通过直接 URL 播放视频的资源类型。适用于公开访问的视频资源,无需额外的授权验证。
   */
  playType: "VidAuth",
  //视频ID,VidAuth和VidSts播放源类型必传
  vid: "004fc90fd71d71f0bf184531958c0402",
  //播放凭证,需要调用点播服务的GetVideoPlayAuth接口生成。VidAuth播放源类型必传
  playAuth: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6ImFwcC0xMDAwMDAwIiwidmlkZW9JZCI6IjAwNGZjOTBmZDcxZDcxZjBiZjE4NDUzMTk1OGMwNDAyIiwiY3VycmVudFRpbWVTdGFtcCI6MTc2NjEzMTE5MTYxMywiZXhwaXJlVGltZVN0YW1wIjoxOTIzODExMTkxNjEzLCJyZWdpb25JZCI6ImNuLXNoYW5naGFpIiwicGxheUNvbnRlbnRJbmZvIjp7ImZvcm1hdHMiOiJtM3U4Iiwic3RyZWFtVHlwZSI6InZpZGVvIiwiYXV0aFRpbWVvdXQiOjE4MDB9fQ.CjqZA-6okJb2PxOZr0Jjai9gWwvaNdG-bk3LWBMzhdc",
  //访问密钥 ID,VidSts播放源类型必传
  // accessKeyId: "",
  //访问密钥密文,VidSts播放源类型必传
  // accessKeySecret: "",
  //安全令牌,VidSts播放源类型必传
  // securityToken: "",
  //区域信息,VidSts播放源类型参数,可不传或为空
  // region: "",
  //视频 URL 地址,Url播放源类型必传
  // url: "",
  /**
   * 设置播放场景,可选值:VOD、LIVE、VIDEO_LIST、RESTRICTED、MINIMAL
   * VOD:适用场景:常规视频播放,功能特性:支持所有播放控制功能,包括播放/暂停、进度拖拽、快进/快退、倍速播放、音量/亮度调节、全屏切换、设置菜单等
   * LIVE:直播场景,适用场景:实时直播流播放,能特性:支持播放/暂停、刷新、音量/亮度调节、全屏切换、设置菜单等,但不支持进度拖拽、快进/快退、倍速播放等时间轴相关操作
   * VIDEO_LIST:列表播放场景,适用场景:视频列表中的播放器,如信息流、短视频列表等,功能特性:支持基本播放控制,但禁用垂直手势(音量/亮度调节),避免与列表滚动手势冲突
   * RESTRICTED:受限播放场景(限制时间轴操作),适用场景:教育培训、考试监控、演示展示等需要限制用户跳跃播放的场景,功能特性:支持播放/暂停、音量/亮度调节、全屏切换、设置菜单、字幕显示等,但禁用进度拖拽、快进/快退、倍速播放等时间轴相关操作,确保用户只能按正常速度顺序观看,无法跳过内容
   * MINIMAL:最小化播放场景(仅播放视图,无任何UI),适用场景:背景视频、装饰性视频、嵌入式播放器、自定义UI覆盖等,功能特性:仅显示纯净的视频播放画面,不显示任何UI元素,包括封面图、字幕、播放状态、控制界面等,适合需要完全自定义UI或作为背景元素的场景
   */
  // sceneType: "VOD",
  //设置封面图地址,视频播放前的封面图片 URL,用于在视频加载时显示。
  // coverUrl: "",
  //设置视频标题,视频的标题文本,用于在 UI 中显示。不设置标识不展示标题
  videoTitle: "Long Video",
  //设置是否自动播放,true 表示视频配置完成后自动开始播放,false 表示需要手动调用播放方法。
  // autoPlay: true,
  //设置 trace ID,用于跟踪和统计视频播放的标识符,通常用于日志记录和数据分析。
  // traceId: "",
  //设置视频起始播放时间,视频开始播放的时间点,单位:毫秒。
  // startTime: 0,
  //设置硬件解码,true 为使用硬件解码,false 为使用软件解码,默认为 true
  // isHardWareDecode: true,
  //设置屏幕休眠,true 为允许屏幕休眠,false 为不允许屏幕休眠,默认为 false
  // allowedScreenSleep: false,
  //订阅的播放器事件
  events: ['Error', 'SnapshotCompleted'],
}
js
//组件初始化配置
const config = ref({
  /**
   * 播放源类型,可选值:VidAuth、VidSts、Url
   * VidAuth:通过 VID 和 Auth 授权播放视频的资源类型。使用播放授权码进行授权,适用于需要更简单授权机制的场景。
   * VidSts:通过 VID 和 STS 令牌播放视频的资源类型。使用阿里云 STS (Security Token Service) 进行授权,提供更高的安全性和访问控制。适用于需要临时访问凭证的场景。
   * Url:通过直接 URL 播放视频的资源类型。适用于公开访问的视频资源,无需额外的授权验证。
   */
  playType: "VidAuth",
  //视频ID,VidAuth和VidSts播放源类型必传
  vid: "004fc90fd71d71f0bf184531958c0402",
  //播放凭证,需要调用点播服务的GetVideoPlayAuth接口生成。VidAuth播放源类型必传
  playAuth: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6ImFwcC0xMDAwMDAwIiwidmlkZW9JZCI6IjAwNGZjOTBmZDcxZDcxZjBiZjE4NDUzMTk1OGMwNDAyIiwiY3VycmVudFRpbWVTdGFtcCI6MTc2NjEzMTE5MTYxMywiZXhwaXJlVGltZVN0YW1wIjoxOTIzODExMTkxNjEzLCJyZWdpb25JZCI6ImNuLXNoYW5naGFpIiwicGxheUNvbnRlbnRJbmZvIjp7ImZvcm1hdHMiOiJtM3U4Iiwic3RyZWFtVHlwZSI6InZpZGVvIiwiYXV0aFRpbWVvdXQiOjE4MDB9fQ.CjqZA-6okJb2PxOZr0Jjai9gWwvaNdG-bk3LWBMzhdc",
  //访问密钥 ID,VidSts播放源类型必传
  // accessKeyId: "",
  //访问密钥密文,VidSts播放源类型必传
  // accessKeySecret: "",
  //安全令牌,VidSts播放源类型必传
  // securityToken: "",
  //区域信息,VidSts播放源类型参数,可不传或为空
  // region: "",
  //视频 URL 地址,Url播放源类型必传
  // url: "",
  /**
   * 设置播放场景,可选值:VOD、LIVE、VIDEO_LIST、RESTRICTED、MINIMAL
   * VOD:适用场景:常规视频播放,功能特性:支持所有播放控制功能,包括播放/暂停、进度拖拽、快进/快退、倍速播放、音量/亮度调节、全屏切换、设置菜单等
   * LIVE:直播场景,适用场景:实时直播流播放,能特性:支持播放/暂停、刷新、音量/亮度调节、全屏切换、设置菜单等,但不支持进度拖拽、快进/快退、倍速播放等时间轴相关操作
   * VIDEO_LIST:列表播放场景,适用场景:视频列表中的播放器,如信息流、短视频列表等,功能特性:支持基本播放控制,但禁用垂直手势(音量/亮度调节),避免与列表滚动手势冲突
   * RESTRICTED:受限播放场景(限制时间轴操作),适用场景:教育培训、考试监控、演示展示等需要限制用户跳跃播放的场景,功能特性:支持播放/暂停、音量/亮度调节、全屏切换、设置菜单、字幕显示等,但禁用进度拖拽、快进/快退、倍速播放等时间轴相关操作,确保用户只能按正常速度顺序观看,无法跳过内容
   * MINIMAL:最小化播放场景(仅播放视图,无任何UI),适用场景:背景视频、装饰性视频、嵌入式播放器、自定义UI覆盖等,功能特性:仅显示纯净的视频播放画面,不显示任何UI元素,包括封面图、字幕、播放状态、控制界面等,适合需要完全自定义UI或作为背景元素的场景
   */
  // sceneType: "VOD",
  //设置封面图地址,视频播放前的封面图片 URL,用于在视频加载时显示。
  // coverUrl: "",
  //设置视频标题,视频的标题文本,用于在 UI 中显示。不设置标识不展示标题
  videoTitle: "Long Video",
  //设置是否自动播放,true 表示视频配置完成后自动开始播放,false 表示需要手动调用播放方法。
  // autoPlay: true,
  //设置 trace ID,用于跟踪和统计视频播放的标识符,通常用于日志记录和数据分析。
  // traceId: "",
  //设置视频起始播放时间,视频开始播放的时间点,单位:毫秒。
  // startTime: 0,
  //设置硬件解码,true 为使用硬件解码,false 为使用软件解码,默认为 true
  // isHardWareDecode: true,
  //设置屏幕休眠,true 为允许屏幕休眠,false 为不允许屏幕休眠,默认为 false
  // allowedScreenSleep: false,
  //订阅的播放器事件
  events: ['Error', 'SnapshotCompleted'],
})

参数说明

参数名参数类型是否必填默认值参数描述
playTypeString播放源类型,可选值:VidAuthVidStsUrl,具体可参考播放源类型说明
vidString视频ID,VidAuthVidSts播放源类型必传
playAuthString播放凭证,需要调用点播服务的GetVideoPlayAuth接口生成。VidAuth播放源类型必传
accessKeyIdString访问密钥 ID,VidSts播放源类型必传
accessKeySecretString访问密钥密文,VidSts播放源类型必传
securityTokenString安全令牌,VidSts播放源类型必传
regionString区域信息,VidSts播放源类型参数,可不传或为空
urlString视频 URL 地址,Url播放源类型必传
sceneTypeString设置播放场景,可选值:VODLIVEVIDEO_LISTRESTRICTEDMINIMAL,具体可参考播放场景类型说明
coverUrlString设置封面图地址,视频播放前的封面图片 URL,用于在视频加载时显示
videoTitleString设置视频标题,视频的标题文本,用于在 UI 中显示。不设置标识不展示标题
autoPlayBooleantrue设置是否自动播放,true 表示视频配置完成后自动开始播放,false 表示需要手动调用播放方法
traceIdString设置 trace ID,用于跟踪和统计视频播放的标识符,通常用于日志记录和数据分析
startTimeInteger设置视频起始播放时间,视频开始播放的时间点,单位:毫秒
isHardWareDecodeBooleantrue设置硬件解码,true 为使用硬件解码,false 为使用软件解码,默认为 true
allowedScreenSleepBooleanfalse设置屏幕休眠,true 为允许屏幕休眠,false 为不允许屏幕休眠,默认为 false
eventsString[]订阅的播放器事件列表,订阅事件后会在插件的onEvent中返回,未订阅则不返回,事件类型可参考播放器订阅事件类型说明

播放源类型说明

名称参数描述
VidAuth通过 VID 和 Auth 授权播放视频的资源类型。使用播放授权码进行授权,适用于需要更简单授权机制的场景。
VidSts通过 VID 和 STS 令牌播放视频的资源类型。使用阿里云 STS (Security Token Service) 进行授权,提供更高的安全性和访问控制。适用于需要临时访问凭证的场景。
Url通过直接 URL 播放视频的资源类型。适用于公开访问的视频资源,无需额外的授权验证。

播放场景类型说明

名称参数描述
VOD适用场景:常规视频播放,功能特性:支持所有播放控制功能,包括播放/暂停、进度拖拽、快进/快退、倍速播放、音量/亮度调节、全屏切换、设置菜单等
LIVE直播场景,适用场景:实时直播流播放,能特性:支持播放/暂停、刷新、音量/亮度调节、全屏切换、设置菜单等,但不支持进度拖拽、快进/快退、倍速播放等时间轴相关操作
VIDEO_LIST列表播放场景,适用场景:视频列表中的播放器,如信息流、短视频列表等,功能特性:支持基本播放控制,但禁用垂直手势(音量/亮度调节),避免与列表滚动手势冲突
RESTRICTED受限播放场景(限制时间轴操作),适用场景:教育培训、考试监控、演示展示等需要限制用户跳跃播放的场景,功能特性:支持播放/暂停、音量/亮度调节、全屏切换、设置菜单、字幕显示等,但禁用进度拖拽、快进/快退、倍速播放等时间轴相关操作,确保用户只能按正常速度顺序观看,无法跳过内容
MINIMAL最小化播放场景(仅播放视图,无任何UI),适用场景:背景视频、装饰性视频、嵌入式播放器、自定义UI覆盖等,功能特性:仅显示纯净的视频播放画面,不显示任何UI元素,包括封面图、字幕、播放状态、控制界面等,适合需要完全自定义UI或作为背景元素的场景

播放器订阅事件类型说明

名称参数描述
StateChanged播放状态变化
FirstFrameRendered首帧渲染完成
VideoSizeChanged视频尺寸变化
Info播放信息更新
Error错误事件
LoadingBegin开始加载
LoadingProgress加载进度
LoadingEnd加载结束
SetSpeedCompleted设置速度完成
SnapshotCompleted截图完成
SetLoopCompleted设置循环完成
SetMuteCompleted设置静音完成
SetScaleTypeCompleted设置填充模式完成
SetMirrorTypeCompleted设置镜像完成
SetRotationCompleted设置旋转完成
TrackQualityListUpdated清晰度列表更新
TrackSelected清晰度选择完成