VideoContext.setWaterMark
收藏
我的收藏

基础库 2.48.0 开始支持本方法,低版本需做兼容处理,这是一个异步方法。

设置普通水印,目前仅抖音支持,展示的水印内容为抖音 id,水印会铺满整个视频容器。

前提条件
业务背景
使用限制
注意事项
支持沙盒
相关教程

语法

VideoContext.setWaterMark(options)

参数说明

options 为 object 类型,属性如下:

属性名类型默认值必填说明最低支持版本
enablebooleantrue
是否显示水印
2.48.0
colorstring#FFFFFF33
水印颜色,只支持 HEX 格式
2.48.0
successfunction
接口调用成功的回调函数
2.48.0
failfunction
接口调用失败的回调函数
2.48.0
completefunction
接口调用结束的回调函数(调用成功、失败都会执行)
2.48.0

回调成功

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring
"VideoContext.setWaterMark:ok"
2.48.0

回调失败

object 类型,属性如下:

属性名类型说明最低支持版本
errMsgstring
"VideoContext.setWaterMark:fail" + 详细错误信息
2.48.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<video id="myVideo" src="http://1011.hlsplay.aodianyun.com/demo/game.flv"></video>
Page({ data: {}, onLoad() { const videoCtx = tt.createVideoContext("myVideo"); videoCtx.setWaterMark({ color: "#FFFF11", success: () => { console.log("setWaterMark success"); }, fail: () => { console.log("setWaterMark fail"); }, complete: () => { console.log("setWaterMark complete"); }, }); }, });