fix flv player bug

public/react/package-lock.json

@@ -5082,25 +5082,23 @@
       "resolved": "https://registry.npm.taobao.org/escodegen/download/escodegen-1.14.1.tgz?cache=0&sync_timestamp=1580954994482&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fescodegen%2Fdownload%2Fescodegen-1.14.1.tgz",
       "integrity": "sha1-ugHQyCeLXpWppFNQFCAmZZAnpFc=",
       "requires": {
-        "esprima": "^4.0.1",
-        "estraverse": "^4.2.0",
-        "esutils": "^2.0.2",
-        "optionator": "^0.8.1",
-        "source-map": "~0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1",
-          "resolved": "http://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
-          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
-          "optional": true
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.3.6"
       }
+    },
+    "flv.js": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npm.taobao.org/flv.js/download/flv.js-1.5.0.tgz",
+      "integrity": "sha1-+lm+1DkdcENc+odArEDsAHDvmK4=",
+      "requires": {
+        "es6-promise": "^4.2.5",
+        "webworkify": "^1.5.0"
       }
     },
-    "eslint": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npm.taobao.org/eslint/download/eslint-6.8.0.tgz",
-      "integrity": "sha1-YiYtZylzn5J1cjgkMC+yJ8jJP/s=",
+    "fmin": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npm.taobao.org/fmin/download/fmin-0.0.2.tgz",
+      "integrity": "sha1-Wbu0DUP/3ByUzQClaMQflfGXMBc=",
       "requires": {
         "@babel/code-frame": "^7.0.0",
         "ajv": "^6.10.0",
@@ -13204,45 +13202,10 @@
         }
       }
     },
-    "object-hash": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npm.taobao.org/object-hash/download/object-hash-2.0.2.tgz?cache=0&sync_timestamp=1581365395640&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-hash%2Fdownload%2Fobject-hash-2.0.2.tgz",
-      "integrity": "sha1-97IhLb4H0H40DM1gBMWVBPxAFc8="
-    },
-    "object-inspect": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.7.0.tgz?cache=0&sync_timestamp=1573451929207&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-inspect%2Fdownload%2Fobject-inspect-1.7.0.tgz",
-      "integrity": "sha1-9Pa9GBrXfwBrXs5gvQtvOY/3Smc="
-    },
-    "object-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/object-is/download/object-is-1.0.2.tgz",
-      "integrity": "sha1-a4DrhP5FFJj2UAeYLwNaW0Re3sQ="
-    },
-    "object-inspect": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.7.0.tgz",
-      "integrity": "sha1-9Pa9GBrXfwBrXs5gvQtvOY/3Smc="
-    },
-    "object-is": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/object-is/download/object-is-1.0.2.tgz",
-      "integrity": "sha1-a4DrhP5FFJj2UAeYLwNaW0Re3sQ="
-    },
-    "object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npm.taobao.org/object-keys/download/object-keys-1.1.1.tgz",
-      "integrity": "sha1-HEfyct8nfzsdrwYWd9nILiMixg4="
-    },
-    "object-path": {
-      "version": "0.11.4",
-      "resolved": "https://registry.npm.taobao.org/object-path/download/object-path-0.11.4.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject-path%2Fdownload%2Fobject-path-0.11.4.tgz",
-      "integrity": "sha1-NwrnUvvzfePqcKhhwju6iRVpGUk="
-    },
-    "object-visit": {
-      "version": "1.0.1",
-      "resolved": "http://registry.npm.taobao.org/object-visit/download/object-visit-1.0.1.tgz",
-      "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+    "react-hot-loader": {
+      "version": "4.8.3",
+      "resolved": "http://registry.npm.taobao.org/react-hot-loader/download/react-hot-loader-4.8.3.tgz",
+      "integrity": "sha1-FPAYd3pg6pz6YElsc0HC+WcxElM=",
       "requires": {
         "isobject": "^3.0.0"
       }
@@ -20544,6 +20507,11 @@
       "resolved": "http://registry.npm.taobao.org/websocket-extensions/download/websocket-extensions-0.1.3.tgz",
       "integrity": "sha1-XS/yKXcAPsaHpLhwc9+7rBRszyk="
     },
+    "webworkify": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npm.taobao.org/webworkify/download/webworkify-1.5.0.tgz",
+      "integrity": "sha1-c0rYendN5uvdVG4dPgJ9pbj0pCw="
+    },
     "whatwg-encoding": {
       "version": "1.0.5",
       "resolved": "http://registry.npm.taobao.org/whatwg-encoding/download/whatwg-encoding-1.0.5.tgz",

public/react/package.json

@@ -17,6 +17,7 @@
     "immutability-helper": "^3.0.1",
     "js-base64": "^2.5.2",
     "katex": "^0.11.1",
+    "flv.js": "^1.5.0",
     "lodash": "^4.17.5",
     "loglevel": "^1.6.1",
     "md5": "^2.2.1",

public/react/src/modules/courses/Video/video-play/flv-player.jsx

@@ -0,0 +1,37 @@
+import React, { useEffect, useRef } from 'react'
+import Flv from 'flv.js'
+
+export default ({ url }) => {
+  const ref = useRef()
+
+  useEffect(() => {
+    let player = null
+    if (Flv.isSupported) {
+      player = Flv.createPlayer({
+        type: 'flv',
+        volume: 0.8,
+        url,
+        muted: false
+      })
+
+      if (ref.current) {
+        player.attachMediaElement(ref.current)
+        player.load()
+        player.play()
+      }
+    }
+    return () => {
+      if (player) {
+        player.unload()
+        player.pause()
+        player.destroy()
+        player = null
+      }
+    }
+
+  }, [url, ref.current])
+
+  return (
+    <video ref={ref} controls autoPlay={true} muted={false} className="flv-player"></video>
+  )
+}

public/react/src/modules/courses/Video/video-play/index.jsx

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react'
-import { ReactFlvPlayer } from 'react-flv-player'
+import ReactFlvPlayer from './flv-player'
 
 export default ({ src }) => {
   const suf = src.split('.').pop()