@x-edu/live-player 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,86 @@
+# 直播播放器
+
+初版，API可能后续会大幅调整
+
+## Demo 
+
+```jsx
+import PublicLiveDetail from '@x-edu/live-player'
+import React, { useContext } from 'react'
+import style from './style.module.less'
+import { getLoginUrl, uc } from '@/util/auth/func'
+import UserContext from '@/component/Login/UserContext'
+import { sensorsTrack } from '@/util/sensorsTracking'
+
+export default function LiveTest() {
+  const loginInfo = useContext(UserContext)
+  // 部分直播需要登录后才可以播放，这是要求登录的回调
+  const handleLogin = () => {
+    window.location.href = getLoginUrl()
+  }
+  // 直播人数获取后调用，注意直播开始后才有本数据
+  const handleoOnlineCountChange = (currentCount) => {
+    console.log(currentCount)
+  }
+  // 直播状态发生变化后触发本事件
+  const handleStateChange = (liveInfo) => {
+    console.log(liveInfo)
+  }
+
+  // 登录后上报强师额外上报信息
+  const handleReportProgress = () => {}
+  // 登录且播放后上报强师额外上报信息
+  const handleReportTeacherTrain = () => {}
+
+  const handleSensors = (sensorInfo) => {
+    sensorsTrack(sensorInfo)
+  }
+
+  return (
+    <div
+      style={{
+        height: '800px',
+        width: '1200px'
+      }}
+    >
+      <PublicLiveDetail
+        className={style.live}
+        containerClassName={style.container}
+        infoClassName={style.info}
+        playerClassName={style.player}
+        descriptionClassName={style.desc}
+        liveId="13aafbce-8ca2-4587-bc6e-eab183c9d5b6"
+        appId="e5649925-441d-4a53-b525-51a2f1c4e0a8"
+        uc={uc}
+        loginInfo={loginInfo}
+        handleLogin={handleLogin}
+        onOnlineCountChange={handleoOnlineCountChange}
+        onStateChange={handleStateChange}
+        onReportProgress={handleReportProgress}
+        onReportTeacherTrain={handleReportTeacherTrain}
+        onSendSensors={handleSensors}
+      />
+    </div>
+  )
+}
+```
+
+```less
+.container {
+  width: 100%;
+  height: 100%
+}
+
+.live {
+  padding: 0 !important;
+  margin: 0;
+}
+
+.info {
+  display: none;
+}
+
+.desc {
+  display: none;
+}
+```