抱石云点播快速接入

简介

本文介绍如何快速接入抱石云点播 SDK,SDK 包含所有抱石云点播相关的服务功能。本文档适合有一定 Javascript 语言基础的开发人员阅读。

前提条件

  • 安装最新版chrome、火狐浏览器、safari 等现代浏览器
  • 服务端接入抱石云

快速接入抱石云播放器 SDK

1. 在页面中引入 sdk 文件

<script src="https://res.baoshiyun.com/sdk/bsyplayer-v2.2.23.min.js">

2. npm 安装

npm i @bsy-fe/bsy-player

说明: 引入 sdk 后会产生的全局变量:BSYPlayer

2. 点播初始化

2.1 在页面中提供一个播放器容器

<div id="container"></div>

说明:

  • 容器 id 可以自行设置
  • 建议将容器通过 css 设置,进行铺满,容器自适应

2.2 初始化播放器

const player = new BSYPlayer({
  id: 'container',
  mediaId: 'media-1234567890',
  token: '1234567890abcdef',
  tenantId: 1234567890,
  uid: 123456,
  ready() {
    player.on('timeupdate', () => {})
  },
  initFailed(data) {
    console.log(data) // { code: 100000, message: '无效参数,请检查参数'}
  }
})

2.3 初始化参数

属性 类型 必填 默认值 说明
id String null 播放器容器 id
tenantId Number null 租户 id,接入抱石云后会分配一个
liveId String 直播模式必填 null 直播间 id
mediaId String 点播模式必填 null 点播资源 id
token String null 播放资源验证 token
uid String 课程直播和互动直播必填 null 用户 userId
RTCChannel String 互动直播必须 null 互动直播频道,创建互动直播后会返回
RTCChannelToken String 互动直播必须 null 互动直播 channel 对应的 token,创建互动直播后返回
controls Boolean true 是否显示控制栏,在互动直播下无效
volume Number 1 默认音量值,取值范围 0-1
poster String null 视频封面,仅在点播下生效
loop Boolean false 循环播放,仅在点播下生效
danmu Boolean false 是否开启弹幕,仅 live 直播下生效
rateList Array [0.5, 1, 1.5, 2] 倍速播放列表,仅在点播下生效
ready Function null 播放器初始化完成后执行的回调函数,监听事件和 api 执行在此回调函数中使用
initFailed Function null 播放器初始化失败后执行的回调函数,返回相关错误及信息 (错误码)
2.3.1 initFailed错误码说明
错误码 说明
100000 无效参数,请检查参数
100001 加载静态资源失败
100002 获取媒资详情失败
100003 处理媒资数据失败
100004 获取直播详情失败
100005 video media error

results matching ""

    No results matching ""