@x-edu/live-player 0.0.1

package/src/config/env/preproduction/push.js

@@ -0,0 +1,5 @@
+const config = {
+  host: 'wss://iot-ws.beta.101.com'
+}
+
+export default config

package/src/config/env/product/api.js

@@ -0,0 +1,113 @@
+/**
+ * 存放 API 请求 host
+ */
+
+const config = {
+  staticKeys: [
+    'cdnHot', 'cdn', 'edu-admin-public-base',
+    'cdnRt1', 'cdnRt2',
+    'cdnHotRt1', 'cdnHotRt2',
+    'cdnStudio', 'cdnBanner'
+  ],
+  // CDN 文件
+  cdn: '//s-file-fz.101.com',
+  'cdn-prefix': '',
+  // 存在几个组件生产的静态文件，目前归口在 zxx 这个租户下
+  serviceName: {
+    'x-course': 'zxx',
+    'x-cloud': 'zxx',
+    library: 'zxx',
+    tagPlugin: 'zxx',
+    't-course': 'teach',
+    tchChannel: 'teach',
+    tchLibrary: 'teach',
+    assessment: 'teach',
+    imGroup: 'im_group_file',
+    teacherStudio: 'e_teacher_studio'
+  },
+  // uc 相关接口，接口文档：
+  uc: '//uc-gateway.sdp.101.com',
+  //
+  'x-course': '//x-course.sdp.101.com',
+  //
+  'x-admin-public-service': '//x-admin-public-service.sdp.101.com',
+  // http://api.e.101.com/services/x-live-activity-api/description/rest/html?env=preproduction&version=9.10.2-SNAPSHOT
+  'live-activity': '//x-live-activity-api.sdp.101.com',
+  // http://api.e.101.com/services/x-open-live-consumer/description/rest/html?env=design&version=1.0.13-SNAPSHOT
+  'open-live': '//x-open-live-consumer.sdp.101.com',
+  //
+  'live-activity-gateway': '//x-live-activity-gateway.sdp.101.com',
+  //
+  'nd-meeting-extend': '//nd-meeting-extend.sdp.101.com',
+  //
+  'config-center': '//config-cfgcenter.sdp.101.com',
+  //
+  'user-select-framework-service':
+    '//user-select-framework-service.sdp.101.com',
+  //
+  'my-study-record': '//x-study-record-api.sdp.101.com',
+  //
+  'x-record-api': '//x-record-api.sdp.101.com',
+  //
+  'im-broadcasts': '//im-broadcasts.sdp.101.com',
+  //
+  'social-censor': '//censor2.sdp.101.com',
+  // TODO: 用于图片上传，应该 优化处理掉
+  'delivery-cdn': '//gcdncs.101.com',
+  // TODO: 仅用于头像上传，应该优化处理掉
+  'cs-server': '//cs.101.com',
+  // 统计相关
+  stat: '//api.ykt.cbern.com.cn',
+  // 站点配置（存在灰度能力）
+  'site-config': '//grey-config.ykt.cbern.com.cn',
+  'community-server': '//teacher-community-service.sdp.101.com',
+  'e-favorite-api': '//e-favorite-api.sdp.101.com',
+  'e-assessment-api': '//e-assessment-api.sdp.101.com',
+  // 获取资源点赞
+  'x-proxy': '//x-proxy.sdp.101.com',
+  // 资源点赞
+  'x-cloud-web': '//x-cloud-web.sdp.101.com',
+  // 用户进度数据
+  'auxo-userdata': '//auxo-userdata-service.sdp.101.com',
+  // 名师工作室
+  'teacher-studio': '//e-teacher-studio-api.sdp.101.com',
+  // 名师工作室模块代理
+  'teacher-studio-proxy': '//e-teacher-studio-api.sdp.101.com',
+  // 内容库
+  'library-config': '//elearning-library-gateway.sdp.101.com',
+  // 标签管理-->频道管理host
+  'library-admin': '//elearning-study-library-gateway.sdp.101.com',
+  // IM群
+  'im-group': '//imgroup.101.com',
+  // 名师工作室网关
+  'teacher-studio-gateway': '//e-teacher-studio-gateway.sdp.101.com',
+  // 名师工作室网关代理
+  'teacher-studio-gateway-proxy': '//e-teacher-studio-gateway.sdp.101.com',
+  // mgr服务
+  'content-mgr-web': 'https://content-mgr-web.sdp.101.com',
+  // 新闻模块
+  'e-news': '//e-news.sdp.101.com',
+  // 名师工作室模块代理
+  'e-teacher-proxy': '//e-news.sdp.101.com',
+  // 我的授课
+  'teach-record': '//x-bb-support.sdp.101.com',
+  // 我的关注
+  'x-follow-api': '//x-follow-api.sdp.101.com',
+  // 建议反馈
+  'x-feedback': '//feedback.sdp.101.com',
+  'cs-feedback': '//gcdncs.101.com',
+  // 课时活动临时获取习题的动态接口
+  'x-class-hour-activity': '//x-class-hour-activity.sdp.101.com',
+  // 聚合后台
+  'manage-portal': '//manage-portal-api.sdp.101.com',
+  // 管理后台
+  'edu-admin-manage-api': '//edu-admin-manage-api.sdp.101.com',
+  // faq
+  faq: '//satellite.sdp.101.com',
+  // 搜索
+  search: '//x-search.sdp.101.com',
+  // 应用超市
+  'x-connect': 'https://x-connect-api.sdp.101.com'
+}
+
+module.exports = config

package/src/config/env/product/app.js

@@ -0,0 +1,12 @@
+const config = {
+  appid: '122fc2fa-d78e-43af-856e-3f8148d1fc55',
+  tchAppid: 'f43875db-6973-4e75-b846-4ef7f58ccba6',
+  meetingSchema: 'ndmeeting-xstudy-product',
+  videoUrl: {
+    js: '/fish/video/videoplayer.min.js',
+    css: '/fish/video/videoplayer.min.css',
+    locale: '/fish/video/'
+  }
+}
+
+export default config

package/src/config/env/product/cs.js

@@ -0,0 +1,5 @@
+const config = {
+  host: '//cdncs.101.com'
+}
+
+export default config

package/src/config/env/product/index.js

@@ -0,0 +1,14 @@
+import app from './app'
+import api from './api'
+import cs from './cs'
+import push from './push'
+
+const config = {
+  env: 'product',
+  app,
+  api,
+  cs,
+  push
+}
+
+export default config

package/src/config/env/product/push.js

@@ -0,0 +1,5 @@
+const config = {
+  host: 'wss://iot-ws.sdp.101.com'
+}
+
+export default config

package/src/config/live.js

@@ -0,0 +1,80 @@
+export const USER_IDENTITY = {
+  TEACHER: 'TEACHER',
+  STUDENT: 'STUDENT',
+  GUARDIAN: 'GUARDIAN', // 家长
+  ACADEMIC_STAFF: 'ACADEMIC_STAFF', // 教研员
+  ELECTRIC_TEACHER: 'ELECTRIC_TEACHER', // 电教人员
+  EDU_ADMIN: 'EDU_ADMIN', // 管理人员
+  SOCIAL_LEARNER: 'SOCIAL_LEARNER' // 社会学习者
+}
+
+export const USER_IDENTITY_NAME = {
+  [USER_IDENTITY.TEACHER]: '老师',
+  [USER_IDENTITY.STUDENT]: '学生',
+  [USER_IDENTITY.GUARDIAN]: '家长',
+  [USER_IDENTITY.ACADEMIC_STAFF]: '教研员',
+  [USER_IDENTITY.ELECTRIC_TEACHER]: '电教人员',
+  [USER_IDENTITY.EDU_ADMIN]: '管理人员',
+  [USER_IDENTITY.SOCIAL_LEARNER]: '社会学习者'
+}
+
+export const USER_IDENTITY_TEXT = {
+  [USER_IDENTITY.TEACHER]: '我是老师',
+  [USER_IDENTITY.STUDENT]: '我是学生',
+  [USER_IDENTITY.GUARDIAN]: '我是家长',
+  [USER_IDENTITY.ACADEMIC_STAFF]: '我是教研员',
+  [USER_IDENTITY.ELECTRIC_TEACHER]: '我是电教人员',
+  [USER_IDENTITY.EDU_ADMIN]: '我是管理人员',
+  [USER_IDENTITY.SOCIAL_LEARNER]: '我是社会学习者'
+}
+
+export const SELECTED_TAB_TYPE = {
+  MYLIVE: 'MYLIVE',
+  ALLLIVE: 'ALLLIVE'
+}
+
+export const LIVE_STATUS_TYPE = {
+  ALLSTATUS: -1, // 全部
+  NOSTARTED: 0, // 未开始
+  LIVING: 1, // 进行中
+  COMPLETED: 2 // 已结束
+}
+
+export const LIVE_STATUS_TEXT = {
+  [LIVE_STATUS_TYPE.ALLSTATUS]: '全部状态',
+  [LIVE_STATUS_TYPE.NOSTARTED]: '未开始',
+  [LIVE_STATUS_TYPE.LIVING]: '上课中',
+  [LIVE_STATUS_TYPE.COMPLETED]: '已结束'
+}
+
+export const AUDIT_STATUS_TYPE = {
+  PENDING: 0, // 全部
+  NORMAL: 1, // 未开始
+  BANNED: 2 // 进行中
+}
+
+export const RECORD_STATUS = {
+  NOT_PROVIDED: 0,
+  IN_PREPARATION: 1,
+  PROVIDED: 2
+}
+
+export const BANNED_STATUS = {
+  INVALID: 0, // 无效(取消禁播)
+  BANNED: 1, // -有效(禁播中)
+  BANNEDOVER: 2 // -禁播已结束
+}
+
+export const LIVE_REPLAY_PROGRESS_KEY = 'LIVE_REPLAY_PROGRESS'
+
+export const LIVE_INVITATION_PATH = '/liveInvitation'
+
+export const LIVE_REPLAY_PATH = '/livePlayBack'
+
+export const CLASS_DETAIL_CACHE_KEY = 'CLASS_DETAIL_CACHE'
+
+export const CLASS_DETAIL_CACHE_TIME = 7 * 24 * 60 * 60 * 1000
+
+export const CLASS_DETAIL_CACHE_FIELDS = [
+  'class_id', 'class_name', 'grade_id', 'grade_name', 'school_id', 'school_name', 'class_cover_url'
+]

package/src/config/publicLive.js

@@ -0,0 +1,53 @@
+// 直播状态
+export const PUBLIC_LIVE_STATUS = {
+  NOSTARTED: 0,
+  LIVEING: 1,
+  COMPLETEED: 2,
+  PASUED: 3,
+  OFFLINE: 4
+}
+
+// 直播模式
+export const PUBLIC_LIVE_MODE = {
+  LIVING: 1,
+  RECORDED: 2
+}
+
+// 回放提供状态
+export const PROVIDE_RECORD = {
+  NOT_PROVIDED: 0,
+  IN_PREPARATION: 1,
+  PROVIDED: 2
+}
+
+// 是否允许查看回放
+export const VIEW_REPLAY = {
+  NOT_ALLOW: 0,
+  ALLOW: 1
+}
+
+// 上报学习记录的 type
+export const RECORD_LIVE_TYPE = 'open_class_live'
+
+export const PUBLIC_LIVE_PUSH_TOPIC = 'open_class_live_topic'
+
+export const PUBLIC_LIVE_PUSH_EVENT = {
+  STATUS_CHANGE: 'com.nd.xst.x-live-public/live_status_change'
+}
+
+export const PUBLIC_LIVE_BASE_PATH = '/publicLive'
+
+// 教师发起直播时间可提前的时机，分钟单位
+export const LIVING_STATUS_ADVANCE = 60
+
+export const LIVING_CLOSE_LOGIN = {
+  NORMAL: '0',
+  CLOSE: '1'
+}
+
+// 子类型 1 网龙会议 2 外部推流 3 转播
+export const SUB_TYPE = {
+  NET_DRAGON: 1,
+  OUTSIDE: 2,
+  REBROADCAST: 3
+}

package/src/config/request/assessments.js

@@ -0,0 +1,24 @@
+import { generateCommonAPIWithUC, generateCommonAPI } from './helper'
+
+const env = process.env.SDP_ENV
+
+const assessmentApi = generateCommonAPIWithUC({
+  hostKey: 'e-assessment-api',
+  prefix: '/v1'
+})
+
+const assessmentApiCdn = env === 'ncet-xedu' ? generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/assessment/v1'
+}) : assessmentApi
+
+const assessmentStaticApi = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/assessment'
+})
+
+export {
+  assessmentApi,
+  assessmentApiCdn,
+  assessmentStaticApi
+}

package/src/config/request/config-center.js

@@ -0,0 +1,8 @@
+import { generateCommonAPI } from './helper'
+
+const api = generateCommonAPI({
+  hostKey: 'config-center',
+  prefix: '/v2.0'
+})
+
+export default api

package/src/config/request/helper.js

@@ -0,0 +1,166 @@
+import Request from '@/util/request'
+import { getTimestamp } from '@/util/getTimestamp'
+import config from '@/config/env'
+import { isInElectron, xElectron } from '@/util/env'
+import { getSdpQuery } from '@/util/url'
+import { getAuthHeader } from '@/util/auth/func'
+
+const IGNORE_403_HOST = ['x-record-api']
+
+const {
+  sdpOrgId,
+  sdpAppId
+} = getSdpQuery()
+
+export function rawAPI(params) {
+  const { hostKey, prefix = '', noSdpOrgId = false } = params
+  // 生产环境，CDN请求增加header会导致莫名其妙的跨域错误
+  const headers = {}
+  if (config.api.staticKeys.indexOf(hostKey) === -1) {
+    if (!headers['sdp-app-id']) {
+      headers['sdp-app-id'] = sdpAppId || config.app.appid
+    }
+    if (!noSdpOrgId && sdpOrgId && !headers['sdp-org-id']) {
+      headers['sdp-org-id'] = sdpOrgId
+    }
+    // 本地构建请求禁用缓存
+    if (process.env.DEV) {
+      // headers['Cache-Control'] = 'no-cache'
+    }
+  }
+
+  if (hostKey) {
+    params.originBaseURL = `${config.api[hostKey]}${prefix}`
+    params.baseURL = params.originBaseURL
+    // params.baseURL = process.env.DEV ? `/wds_${hostKey}${prefix}` : params.originBaseURL
+  }
+
+  const api = Request.create({
+    headers,
+    ...params
+  })
+  return api
+}
+
+/**
+ * 用于创建通用 api 请求对象，携带 loading、error 通用处理
+ */
+export function generateCommonAPI(params) {
+  const api = rawAPI({
+    ...params
+  })
+
+  api.interceptors.request.use(async (c) => {
+    c.params = c.params || {}
+    if (process.env.SDP_ENV !== 'ncet-xedu') {
+      c.params.v = c.params.v ?? getTimestamp(10 * 60)
+    }
+    return c
+  })
+
+  return api
+}
+
+/**
+ *  用于创建需要使用 UC 认证的 api，基于 generateCommonAPI;
+ */
+export function generateCommonAPIWithUC(params, throwError = false) {
+  const api = rawAPI({
+    ...params
+  })
+
+  api.interceptors.request.use(async (c) => {
+    if (c.noAuth) {
+      return c
+    }
+    // UC 计算 mac token 必须是完整的 URL
+    const Authorization = await getAuthHeader({
+      ...c,
+      url: getURL(c)
+    })
+    if (Authorization) {
+      c.headers.Authorization = Authorization
+    }
+    return c
+  })
+
+  api.interceptors.response.use(
+    (response) => response,
+    (error) => {
+      if ([
+        'WAF/ACCESS_DENIED',
+        'UC/AUTH_INVALID_TOKEN'
+      ].includes(error?.response?.data?.code)) {
+        if (IGNORE_403_HOST.indexOf(error?.config?.hostKey) === -1) {
+          if (!isInElectron) {
+            window.location.pathname = '/'
+          } else {
+            xElectron.subView.triggerLogout(error.message)
+          }
+        }
+      }
+      /* 新增，如果需要报错信息，则抛出 */
+      if (throwError) {
+        throw error
+      }
+    }
+  )
+
+  return api
+}
+
+/**
+ *  用于百度云需要走cdn代理的接口(接口访问频率比较高，单独设了代理,可以理解为缓存)
+ *  代理的接口不需要传认证
+ *  基于generateCommonAPIWithUC
+ */
+export function generateAPIWithProxy(params, throwError = false) {
+  const api = rawAPI({
+    ...params
+  })
+
+  api.interceptors.request.use(async (c) => {
+    if (c.noAuth) {
+      return c
+    }
+    // 百度云环境不需要认证
+    if (process.env.SDP_ENV === 'ncet-xedu') {
+      return c
+    }
+    // UC 计算 mac token 必须是完整的 URL
+    const Authorization = await getAuthHeader({
+      ...c,
+      url: getURL(c)
+    })
+    if (Authorization) {
+      c.headers.Authorization = Authorization
+    }
+    return c
+  })
+
+  api.interceptors.response.use(
+    (response) => response,
+    (error) => {
+      if (error?.response?.data?.code === 'WAF/ACCESS_DENIED') {
+        window.location.pathname = '/'
+      }
+      /* 新增，如果需要报错信息，则抛出 */
+      if (throwError) {
+        return error
+      }
+    }
+  )
+
+  return api
+}
+
+function getURL(c) {
+  const { url, originBaseURL } = c
+  if (/^https?:/.test(url)) {
+    return url
+  }
+  if (/^https?:/.test(originBaseURL)) {
+    return `${originBaseURL}${c.url}`
+  }
+  return `https:${originBaseURL}${c.url}`
+}

package/src/config/request/im-broadcasts.js

@@ -0,0 +1,12 @@
+import { generateCommonAPI, generateCommonAPIWithUC } from './helper'
+
+const api = generateCommonAPIWithUC({
+  hostKey: 'im-broadcasts',
+  prefix: ''
+})
+
+export default api
+
+export const staticAPI = generateCommonAPI({
+  hostKey: 'im-broadcasts-static'
+})

package/src/config/request/live-activity-gateway.js

@@ -0,0 +1,8 @@
+import { generateCommonAPIWithUC } from './helper'
+
+const api = generateCommonAPIWithUC({
+  hostKey: 'live-activity-gateway',
+  prefix: '/v1'
+})
+
+export default api

package/src/config/request/live-activity.js

@@ -0,0 +1,13 @@
+import { generateCommonAPI, generateCommonAPIWithUC } from './helper'
+
+const api = generateCommonAPIWithUC({
+  hostKey: 'live-activity',
+  prefix: ''
+})
+
+export default api
+
+export const proxyApi = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/live'
+})

package/src/config/request/raw.js

@@ -0,0 +1,6 @@
+import { generateCommonAPI } from './helper'
+
+// 用于少数仅一个接口，且不区分环境的情况
+const api = generateCommonAPI()
+
+export default api

package/src/config/request/x-cloud-web.js

@@ -0,0 +1,13 @@
+import { generateCommonAPIWithUC, generateCommonAPI } from './helper'
+
+const api = generateCommonAPIWithUC({
+  hostKey: 'x-cloud-web',
+  prefix: ''
+})
+
+export default api
+
+export const apiCommon = generateCommonAPI({
+  hostKey: 'x-cloud-web',
+  prefix: ''
+})

package/src/config/request/x-proxy.js

@@ -0,0 +1,34 @@
+import { generateCommonAPI, generateCommonAPIWithUC } from './helper'
+
+// test5.ykt.eduyun.cn 为提测的地址
+// 使用测试环境数据
+
+const api = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/cloud'
+})
+
+export const liveProxy = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/live'
+})
+
+// 积分配置
+export const recordConfigAPI = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/record_config/v1'
+})
+
+// 资源推荐
+export const recommendAPI = generateCommonAPI({
+  hostKey: 'x-proxy',
+  prefix: '/proxy/recommend/v1'
+})
+
+// 资源推荐v2
+export const recommendAPIV2 = generateCommonAPIWithUC({
+  hostKey: 'recommend',
+  prefix: '/v2'
+})
+
+export default api

package/src/detail/LineSwitch/index.jsx

@@ -0,0 +1,71 @@
+import React, { useState, useMemo } from 'react'
+import { Select } from 'fish'
+
+import style from './index.module.less'
+
+const { Option } = Select
+
+export default function LineSwitch({
+  className,
+  liveInfo,
+  onChange
+}) {
+  const lines = useMemo(
+    () => liveInfo?.imInfo?.param?.lines
+      ?.map((item, i) => {
+        const { name, source } = item
+        if (name && source) {
+          return item
+        }
+
+        return {
+          name: name || `线路${i + 1}`,
+          source: item
+        }
+      }),
+    [liveInfo]
+  )
+
+  const [lineName, setLineName] = useState(lines?.[0]?.name || '线路1')
+
+  const handleSelectChange = (value) => {
+    setLineName(value)
+    const source = lines
+      ?.find((item) => item.name === value)
+      ?.source
+    onChange(source)
+  }
+
+  return (
+    <>
+      {
+        lines.length > 1 ? (
+          <div className={`${style['line-switch']} ${className}`}>
+            <span>切换线路：</span>
+            <Select
+              defaultValue={lineName}
+              onChange={handleSelectChange}
+              style={{
+                width: '120px'
+              }}
+            >
+              {
+                lines?.map((item) => (
+                  <Option
+                    key={item.name}
+                    value={item.name}
+                  >
+                    {item.name}
+                  </Option>
+                ))
+              }
+            </Select>
+          </div>
+        ) : (
+          <></>
+        )
+    }
+    </>
+
+  )
+}