mirror of https://github.com/VueTubeApp/VueTube
watchtime cleanup
This commit is contained in:
parent
e936325ccb
commit
89e521300f
|
@ -149,10 +149,9 @@
|
|||
|
||||
<watchtime
|
||||
v-if="$refs.player"
|
||||
:video="$refs.player"
|
||||
:current-time="$refs.player.currentTime"
|
||||
:duration="$refs.player.duration"
|
||||
:fullscreen="isFullscreen"
|
||||
:watched="watched"
|
||||
:duration="duration"
|
||||
/>
|
||||
<v-btn
|
||||
v-if="isFullscreen"
|
||||
|
@ -357,8 +356,6 @@ export default {
|
|||
// console.log(e);
|
||||
if (vid.readyState >= 3) {
|
||||
vid.addEventListener("timeupdate", () => {
|
||||
this.duration = this.$vuetube.humanTime(vid.duration);
|
||||
this.watched = this.$vuetube.humanTime(vid.currentTime);
|
||||
if (!this.seeking) this.progress = vid.currentTime;
|
||||
|
||||
// console.log("sb check", this.blocks);
|
||||
|
|
|
@ -3,18 +3,14 @@
|
|||
style="color: #fff; left: 1rem; font-size: 0.75rem; position: absolute"
|
||||
:style="fullscreen ? 'bottom: 4.25rem' : 'bottom: 1rem'"
|
||||
>
|
||||
{{ watched }}
|
||||
<span style="color: #aaa"> / {{ duration }} </span>
|
||||
{{ $vuetube.humanTime(currentTime) }}
|
||||
<span style="color: #aaa"> / {{ $vuetube.humanTime(duration) }} </span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
video: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
fullscreen: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
|
@ -23,7 +19,7 @@ export default {
|
|||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
watched: {
|
||||
currentTime: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue