nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add a audio player function in shared folder

Browse Source
This commit is contained in:
niubility000 2024-03-22 22:45:21 +08:00 committed by GitHub
parent 6b6c78aa3c
commit fa00ce8872
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/views/Share.vue
View File

@ -29,7 +29,7 @@
<breadcrumbs :base="'/share/' + hash" /> <breadcrumbs :base="'/share/' + hash" />
<div v-if="loading"> <div v-if="loading">
<h2 class="message delayed" style="padding-top: 3em !important;"> <h2 class="message delayed" style="padding-top: 3em !important">
<div class="spinner"> <div class="spinner">
<div class="bounce1"></div> <div class="bounce1"></div>
<div class="bounce2"></div> <div class="bounce2"></div>
@ -73,21 +73,26 @@
</div> </div>
<div v-else> <div v-else>
<div class="share"> <div class="share">
<div class="share__box share__box__info" <div
class="share__box share__box__info"
style=" style="
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top:-20.5em; top: -20.5em;
z-index:999;" z-index: 999;
"
> >
<div class="share__box__header" style="height:3em"> <div class="share__box__header" style="height: 3em">
{{ {{
req.isDir req.isDir
? $t("download.downloadFolder") ? $t("download.downloadFolder")
: $t("download.downloadFile") : $t("download.downloadFile")
}} }}
</div> </div>
<div v-if="!this.req.isDir" class="share__box__element share__box__center share__box__icon"> <div
v-if="!this.req.isDir"
class="share__box__element share__box__center share__box__icon"
>
<i class="material-icons">{{ icon }}</i> <i class="material-icons">{{ icon }}</i>
</div> </div>
<div class="share__box__element" style="height:3em"> <div class="share__box__element" style="height:3em">
@ -180,7 +185,6 @@
<audio id="myaudio" <audio id="myaudio"
:src="raw" :src="raw"
controls="controls"
:autoplay="tag" :autoplay="tag"
controls @ended= "playEnd" controls @ended= "playEnd"
style="position: relative; bottom: 0" style="position: relative; bottom: 0"
@ -373,7 +377,7 @@ export default {
}, },
switchMusic(switchX) { switchMusic(switchX) {
let i = this.req.items[this.selected[0]].index + switchX let i = this.req.items[this.selected[0]].index + switchX
while (true) { while (i+2) {
if(switchX == -1 && i == -1) { if(switchX == -1 && i == -1) {
i = this.req.items.length + switchX; i = this.req.items.length + switchX;
} else if (switchX == 1 && i == this.req.items.length) { } else if (switchX == 1 && i == this.req.items.length) {