live-player 实时视频播放器

更新时间 2024-07-24 02:58:49

我的收藏

基础库 1.44.0 开始支持本组件。

实时视频播放器。 live-player 组件还提供丰富的 api，来控制实时视频的播放、暂停、全屏等，详请见 tt.createLivePlayerContext。

该能力需申请权限使用，满足申请条件后，开发者登录控制台，在小程序应用中筛选“能力-互动能力-小程序直播”，申请直播组件能力，能力使用规范详情查看直播组件能力开通及使用规范；申请条件如下：

信用分 >= 90分

服务类目

一级类目	二级类目	三级目录
教育	教育	在线教育
汽车	汽车	车展服务、汽车经销商/4s店、汽车厂商/下属子（分）公司、二手车
备注：具体开放类目依据后台申请入口显示状态为准，更多类目开放可关注平台公告。

属性说明

属性名	类型	默认值	必填	说明	最低支持版本
src	string	无	是	视频地址。目前支持 flv、rtmp 和 hls，支持跨域。	1.44.0
autoplay	boolean	false	否	是否自动播放	1.44.0
muted	boolean	false	否	是否静音	1.44.0
orientation	string	vertical	否	画面朝向，vertical 为竖直，horizontal 为水平，详情见 orientation 的合法值。	1.44.0
object-fit	string	contain	否	填充模式，可选值有 contain，fillCrop，详情见 object-fit 的合法值。	1.44.0
signature	Signature	无	否	设置署名水印，属性说明详见Signature 类型说明	2.48.0
show-casting-button	boolean	false	否	是否显示投屏按钮（当前仅支持 Android，iOS 敬请期待）
bindstatechange	EventHandle	无	否	播放状态变化事件，detail = {code}，code 取值见状态码	1.44.0
bindfullscreenchange	EventHandle	无	否	全屏变化事件，detail = {direction, fullScreen}。	1.44.0
binderror	EventHandle	无	否	播放错误事件	1.44.0

直播流地址如果跨域，则必须满足 cors 约束才能正常播放，具体设置可参考：

•

Access-Control-Allow-Headers: x-requested-with

•

Access-Control-Allow-Methods: GET,POST,PUT,DELETE,OPTIONS

•

Access-Control-Allow-Origin: *

•

Access-Control-Max-Age: 1800

object 类型，属性如下：