Zbg-video-react NPM

zbg-video-react

📦 安装

npm install zbg-video-react --save

yarn add zbg-video-react

✨ 使用

import * as React from 'react'

import ZBGVideo from 'zbg-video-react'

class Example extends React.Component {
  render () {
    return (
      <ZBGVideo />
    )
  }
}

🔨 示例

http://video.zbgedu.com/example

文档

属性	说明	类型	是否必填	默认值
videoInfo	播放器信息	videoInfo	true	{}
userInfo	用户信息	userInfo	false	{}
courseInfo	课程信息	courseInfo	false	{}
planInfo	播放列表	planInfo	false	{}
currentData	当前播放视频信息	currentData	false	{}
submitAnswer	提交提问的回调	Function	false	void
submitNotes	提交笔记的回调	Function	false	void
submitError	提交纠错的回调	Function	false	void
changeCurrentData	切换视频的回调	Function	false	void

videoInfo

属性	说明	类型	是否必填	默认值
env	环境参数，可选值 `0`, `1`.0: 正式环境，1：demo环境	number	false	0
videoStyle	播放器样式，可选值 `initial`, `zbg`	string	false	zbg
originApi	api域名	string	false	'https://api.zbgedu.com'
originAction	action域名	string	false	'https://action.zbgedu.com'
videoSource	播放器来源，可选值 `ali`, `cc`	string	false	ali
img_path	播放器默认图	string	false
id	资源id	String	false
zbgId	视频唯一id，可选值 `taskId`, `id`, `ccid`	string	false
ccId	视频播放id	String	false
siteId	视频站点id	String	false
vid	视频播放id	String	false
source	阿里视频的播放地址	String	false
copies	cc视频的播放地址	string[]	false
volume	音量	number	false
seek	跳转	String	false
totalNum	视频总数	number	false
autoplay	是否自动播放	Boolean	false	true
sidebar	是否显示侧边栏	sidebar	false	{ playlist: true, answer: true, notes: true, correnting: true }
playerid	视频api key	String	false
coverURL	阿里播放器默认图片	String	false
playauth	播放的视频源信息	String	false
signTime	视频水印循环时间, 必须大于5秒	number	false	signTime/2*60
signName	视频水印显示名称	string	false	signName/userInfo.id/window.location.href

sidebar

属性	说明	类型	是否必填	默认值
playlist	是否显示播放列表	Boolean	false	true
answer	是否显示问答	Boolean	false	true
notes	是否显示笔记	Boolean	false	true
correnting	是否显示纠错	Boolean	false	false
videoline	是否显示切换线路	Boolean	false	false

userInfo

属性	说明	类型	是否必填
token	用户登录token	String	false
id	用户 memberId	String	false
eduUserId	教务id	String	false
name	姓名	String	false
nickName	昵称	String	false
mobile	手机号	String	false
userLevel	级别	String	false
email	邮箱	String	false

courseInfo

属性	说明	类型	是否必填
categoryName	证书名称	String	false
categoryId	证书id	String	false
subjectName	科目名称	String	false
subjectId	科目id	String	false
classId	班级id	String	false
courseName	课程名称	String	false
courseId	课程id	String	false
courseImage	课程图片	String	false
expirationTime		String	false
availability		String	false
versionId	版本id	String	false

planInfo

属性	说明	类型	是否必填	默认值
weekName	名称	String	true
list	播放列表	list	true

list

属性	说明	类型	是否必填
isTasks	是否有任务	String	true
title	标题	list	true
tasks	任务列表	currentData	true
orderList	排序序号	Number	false

currentData

属性	说明	类型	是否必填
taskId	任务id	string	false
title	标题	String	false
taskType	任务类型	String	false
taskLevel	任务级别	String	false
orderTask	任务序号	Number	false
express	扩展	String	false
attachmentPath	附件	String	false
videoSiteId	视频站点id	String	false
videoCcid	视频ccid	String	false
apiKey	apikey	String	false
categoryId	证书id	String	false
categoryName	证书名称	String	false
subjectId	科目id	String	false
subjectName	枯木名称	String	false
courseId	课程id	String	false
courseName	课程名称	String	false
chapterId	章节id	String	false
chapterTitle	章节标题	String	false
studyTime	学习时间	Number	false
state	状态	String	false
progress	进度	Number	false
percentage	百分比	Number	false
isFree	是否免费	String	false
vid	vid	String	false
chapterName	章节名称	String	false
taskName	任务名称	String	false
total	总数	Number	false
autoStart	是否自动	Boolean	false
width	宽度	Number	false
height	高度	Number	false
playertype	播放类型	Number	false
volume	声音	Number	false
id	id	String	false
siteid	站点id	String	false
source	播放源	String	false
taskTime	任务时间	number	false
liveId	直播id	String	false