live-player
优质
小牛编辑
122浏览
2023-12-01
直播组件
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| src | string | 否 | 音视频地址。 | |
| mode | string | live | 否 | 模式 |
| autoplay | boolean | false | 否 | 自动播放 |
| muted | boolean | false | 否 | 是否静音 |
| orientation | string | vertical | 否 | 画面方向 |
| object-fit | string | contain | 否 | 填充模式，可选值有 contain，fillCrop |
| sound-mode | string | speaker | 否 | 声音输出方式 |
| bindstatechange | eventhandle | 否 | 播放状态变化事件，detail = {code} | |
| bindfullscreenchange | eventhandle | 否 | 全屏变化事件，detail = {direction, fullScreen} |
mode 的合法值
| 值 | 说明 |
|---|---|
| live | 直播 |
| RTC | 实时通话 |
orientation 的合法值
| 值 | 说明 |
|---|---|
| vertical | 竖直 |
| horizontal | 水平 |
object-fit 的合法值
| 值 | 说明 |
|---|---|
| contain | 图像长边填满屏幕，短边区域会被填充⿊⾊ |
| fillCrop | 图像铺满屏幕，超出显示区域的部分将被截掉 |
sound-mode 的合法值
| 值 | 说明 |
|---|---|
| speaker | 扬声器 |
| ear | 听筒 |
回调事件
1. bindstateChange
回调参数名：code。可选值如下 安卓以下code值全部支持，iOS部分支持
| code | 说明 | ios是否支持 |
|---|---|---|
| 2001 | 开始播放 | ✔️ |
| 2002 | 暂停播放 | ✔️ |
| 2003 | 播放结束 | ✔️ |
| 2004 | 开始缓冲 | ✔️ |
| 2005 | 缓冲结束 | |
| 2006 | 视频渲染开始 | |
| 2007 | 视频跟踪滞后 | |
| 2008 | 元数据更新 | ✔️ |
| 2009 | 超时（10001 或 -110） | |
| 2101 | 声音渲染开始 | |
| 2102 | 服务器已连接 | |
| 3001 | 未知错误 | ✔️ |
| 3002 | 服务错误 | |
| 3003 | 编解码失败 | |
| 3005 | 读写错误，可能是本地文件问题或网络错误 | |
| 3006 | 格式不兼容 | |
| 3007 | 不支持该功能（200、-110） | |
| 3008 | 丢帧 | |
| 4001 | 网络连接超时 | ✔️ |
| 4002 | 硬解失败 | ✔️ |
| 4003 | DNS解析失败 | ✔️ |
| 4004 | DNS解析超时 | ✔️ |
| 4005 | 直播流异常中断 | ✔️ |
| 4006 | 直播流正常结束 | ✔️ |
| 4007 | 当前视频帧不连续，可能丢帧 | ✔️ |
| 4100 | HTTP_SERVER_ERROR：Server returned 5XX Server Error reply | ✔️ |
| 4200 | HTTP_NOT_FOUND：Server returned 404 Not Found | ✔️ |
| 4300 | HTTP_FORBIDDEN：Server returned 403 Forbidden (access denied) | ✔️ |
| 4400 | HTTP_UNAUTHORIZED：Server returned 401 Unauthorized (authorization failed) | ✔️ |
| 4500 | HTTP_BAD_REQUEST：Server returned 400 Bad Request | ✔️ |
| 4600 | HTTP_OTHER_4XX：Server returned 4XX Client Error, but not one of 40{0,1,3,4} | ✔️ |
2.bindfullscreenchange
回调参数
| 键名 | 说明 |
|---|---|
| fullScreen | true 或 false |
| direction | "vertical" 或 "horizontal" |