diff --git a/src/pages/music/index.jsx b/src/pages/music/index.jsx
index 65f2fa9c..a16a1bce 100644
--- a/src/pages/music/index.jsx
+++ b/src/pages/music/index.jsx
@@ -1,15 +1,22 @@
-import React from 'react'
+import React, { useRef } from 'react'
import FixTabPanel from '@stateless/FixTabPanel'
import MusicPlayer from '@container/musicPlayer/index'
import SongCard from '@container/musicPlayer/SongCard'
import songData from '@container/musicPlayer/songData/song'
-const Music = () => (
-
- Music Player
-
-
-
-)
+const Music = () => {
+ const audioRef = useRef(null)
+ return (
+
+ Music Player
+ {/* */}
+
+
+
+ )
+}
export default Music
diff --git a/src/pages/reactPdf/index.jsx b/src/pages/reactPdf/index.jsx
index 70edb94f..046fd5d2 100644
--- a/src/pages/reactPdf/index.jsx
+++ b/src/pages/reactPdf/index.jsx
@@ -24,6 +24,7 @@ function ReactPdf() {
setScale((prevScale) => Math.min(Math.max(prevScale + delta, 0.5), 2.0))
}
+ const httpsUrl = 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
return (
@@ -31,11 +32,7 @@ function ReactPdf() {
@@ -65,6 +62,7 @@ function ReactPdf() {
+ {/* ; */}
)
}
diff --git a/src/pages/video/index.jsx b/src/pages/video/index.jsx
index c8d35499..46c92328 100644
--- a/src/pages/video/index.jsx
+++ b/src/pages/video/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
+import React, { useRef } from 'react'
import FixTabPanel from '@stateless/FixTabPanel'
import VideoJS from '@stateless/Video'
const MyVideo = () => {
- const playerRef = React.useRef(null)
+ const playerRef = useRef(null)
+ const videoRef = useRef(null)
const videoJsOptions = {
autoplay: true,
@@ -30,6 +31,10 @@ const MyVideo = () => {
return (
+