- JS API 列表
- 基础
- 网络
- 媒体
- 地图
- 文件
- 开放接口
- 数据缓存
- 地理位置
- 设备
- 画布
- 界面
- 页面导航
- 侧边栏能力
- 行业开放
- AI/AR能力
- 第三方平台
- TTML
- 转发和挂载
- 其它
- 直播能力
tt.preloadVideo收藏我的收藏
收藏
我的收藏基础库 2.8.0 开始支持本方法,低版本需做兼容处理,这是一个异步方法。
创建视频预加载任务。预加载成功后的视频资源生效区间为整个小程序。
前提条件 | 无 |
业务背景 | 无 |
使用限制 | 无 |
注意事项 | 无 |
支持沙盒 | 否 |
相关教程 | 无 |
语法
tt.preloadVideo(options)
参数说明
options 为 object 类型,属性如下:
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
---|---|---|---|---|---|
src | string | 是 | 视频资源地址 | 2.8.0 | |
size | number | 819200 | 否 | 预加载大小,单位 Byte,取值范围 0 ~ 1M。默认值为800*1024 | 2.8.0 |
success | function | 否 | 接口调用成功的回调函数 | 2.8.0 | |
fail | function | 否 | 接口调用失败的回调函数 | 2.8.0 | |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) | 2.8.0 |
回调成功
object 类型,属性如下:
属性名 | 类型 | 说明 | 最低支持版本 |
---|---|---|---|
errMsg | string | "preloadVideo:ok" | 2.8.0 |
回调失败
object 类型,属性如下:
属性名 | 类型 | 说明 | 最低支持版本 |
---|---|---|---|
errMsg | string | "preloadVideo:fail" + 详细错误信息 | 2.8.0 |
返回值
类型 | 说明 | 最低支持版本 |
---|---|---|
object | 2.8.0 |
扫码体验
请使用字节宿主APP扫码
代码示例
<button type="primary" size="default" bindtap="preload">开始预加载</button>
<button type="primary" size="default" bindtap="abort">中断预加载</button>
<text>{{logs}}</text>
<video tt:if="{{show}}" autoplay="{{true}}" src="{{src}}"></video>
Page({
data: {
src: "https//sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/misc/test-upload.mp4",
logs: "",
show: false,
},
preload() {
this.setData({
logs: "开始预加载\n",
});
this.task = tt.preloadVideo({
src: this.data.src,
success: () => {
this.setData({
logs: this.data.logs + "预加载成功\n",
show: true,
});
},
fail: (error) => {
console.log("预加载失败", error);
this.setData({
logs: this.data.logs + "预加载失败: " + error.errMsg,
});
},
});
this.abort();
},
abort() {
if (this.task) {
this.task.abort();
}
},
});
该文档是否有帮助?
点击纠错