Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix

Browse source
This commit is contained in:
kakkokari-gtyih 2024-07-06 11:36:32 +09:00
parent 44d8f390cb
commit 686ae3cb46
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkMediaAudio.vue
View file

@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:class="$style.nativeAudio" :class="$style.nativeAudio"
@keydown.prevent @keydown.prevent
> >
<source :src="audio.url"> <source :src="audio.url" :type="audio.type">
</audio> </audio>
</div> </div>
@ -39,8 +39,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<audio <audio
ref="audioEl" ref="audioEl"
preload="metadata" preload="metadata"
tabindex="-1"
@keydown.prevent
> >
<source :src="audio.url"> <source :src="audio.url" :type="audio.type">
</audio> </audio>
<div :class="[$style.controlsChild, $style.controlsLeft]"> <div :class="[$style.controlsChild, $style.controlsLeft]">
<button class="_button" :class="$style.controlButton" @click="togglePlayPause"> <button class="_button" :class="$style.controlButton" @click="togglePlayPause">

5
packages/frontend/src/components/MkMediaVideo.vue
View file

@ -33,12 +33,11 @@ SPDX-License-Identifier: AGPL-3.0-only
:poster="video.thumbnailUrl ?? undefined" :poster="video.thumbnailUrl ?? undefined"
:title="video.comment ?? undefined" :title="video.comment ?? undefined"
:alt="video.comment" :alt="video.comment"
tabindex="-1"
preload="metadata" preload="metadata"
controls controls
@keydown.prevent @keydown.prevent
> >
<source :src="video.url"> <source :src="video.url" :type="audio.type">
</video> </video>
<i class="ti ti-eye-off" :class="$style.hide" @click="hide = true"></i> <i class="ti ti-eye-off" :class="$style.hide" @click="hide = true"></i>
<div :class="$style.indicators"> <div :class="$style.indicators">
@ -60,7 +59,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@keydown.prevent @keydown.prevent
@click.self="togglePlayPause" @click.self="togglePlayPause"
> >
<source :src="video.url"> <source :src="video.url" :type="audio.type">
</video> </video>
<button v-if="isReady && !isPlaying" class="_button" :class="$style.videoOverlayPlayButton" @click="togglePlayPause"><i class="ti ti-player-play-filled"></i></button> <button v-if="isReady && !isPlaying" class="_button" :class="$style.videoOverlayPlayButton" @click="togglePlayPause"><i class="ti ti-player-play-filled"></i></button>
<div v-else-if="!isActuallyPlaying" :class="$style.videoLoading"> <div v-else-if="!isActuallyPlaying" :class="$style.videoLoading">