Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
JM-07
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
JM-07
Commits
f998bf1d
Commit
f998bf1d
authored
Aug 08, 2021
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 加个封面
parent
ad7acea0
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
27 additions
and
7 deletions
+27
-7
video-cover.png
lib/images/video-cover.png
+0
-0
index.css
play/index.css
+17
-0
index.html
play/index.html
+8
-7
index.js
play/index.js
+2
-0
No files found.
lib/images/video-cover.png
0 → 100644
View file @
f998bf1d
14.6 KB
play/index.css
View file @
f998bf1d
...
...
@@ -82,9 +82,26 @@ body {
top
:
14%
;
overflow
:
hidden
;
background
:
#f1e4c2
;
border
:
0.1rem
solid
#f1e4c2
;
padding
:
0.1rem
;
}
.video-cover
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
top
:
0px
;
left
:
0px
;
z-index
:
100
;
background
:
#fff
;
text-align
:
center
;
}
.video-cover__image
{
height
:
50%
;
margin-top
:
12.5%
;
}
.play-speed-content
{
position
:
absolute
;
width
:
1.5rem
;
...
...
play/index.html
View file @
f998bf1d
...
...
@@ -68,6 +68,9 @@
<div
id=
"exercise"
>
<div
class=
"video-container"
>
<div
class=
"video-cover"
>
<img
src=
"../lib/images/video-cover.png"
class=
"video-cover__image"
>
</div>
<video
id=
"video"
class=
"video"
src=
""
muted
></video>
</div>
<div
class=
"play-speed-content"
>
...
...
@@ -123,16 +126,14 @@
</div>
</div>
<div
class=
"hello-container"
>
<img
id=
"stuimage"
src=
""
alt=
""
style=
"object-fit: cover; width: 100%; height: 100%;
"
>
<img
id=
"stuimage"
src=
""
alt=
""
style=
"object-fit: cover; width: 100%; height: 100%;"
>
</div>
<div
id=
"result"
>
<div
class=
"score"
>
<div
class=
"medal"
>
<img
id=
"medal"
src=
"../lib/images/excellent.png"
style=
"width: 100%;"
>
<div
id=
"score"
class=
"val"
>
90
</div>
<div
id=
"score"
class=
"val"
></div>
</div>
<span
class=
"tips"
>
Great!
</span>
<div
class=
'sub-score'
>
...
...
@@ -140,15 +141,15 @@
<tr
class=
"thead"
>
<td
style=
"width: 33%;"
>
完整度
<br>
<span
id=
'complete'
class=
"sub-score__text"
>
80
</span>
<span
id=
'complete'
class=
"sub-score__text"
></span>
</td>
<td
style=
"width: 33%;"
>
流利度
<br>
<span
id=
'fluent'
class=
"sub-score__text"
>
80
</span>
<span
id=
'fluent'
class=
"sub-score__text"
></span>
</td>
<td
style=
"width: 33%;"
>
语法
<br>
<span
id=
'grammar'
class=
"sub-score__text"
>
60
</span>
<span
id=
'grammar'
class=
"sub-score__text"
></span>
</td>
</tr>
</table>
...
...
play/index.js
View file @
f998bf1d
...
...
@@ -494,6 +494,8 @@ function bindRecorderBtn() {
$
(
"
.recorder-play-icon
"
).
on
(
'
click touchend
'
,
function
()
{
$
(
"
.video-cover
"
).
hide
();
playAudio
(
'
click
'
,
true
);
if
(
stuUserAspect
.
firstClickRecorder
)
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment