oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

feat(frontend): Audio player で波形を表示するように (MisskeyIO#827)

Browse source 
Co-authored-by: あわわわとーにゅ <17376330+u1-liquid@users.noreply.github.com>
Co-authored-by: tar_bin <tar.bin.master@gmail.com>
This commit is contained in:
まっちゃてぃー。 2024-12-18 02:59:55 +09:00 • committed by GitHub
parent b5df2c0356
commit 714aad6312
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 349 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,12 +5,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div :class="$style.root">
<MkMediaAudio v-if="media.type.startsWith('audio') && media.type !== 'audio/midi'" :audio="media"/>
<div v-else-if="media.isSensitive && hide" :class="$style.sensitive" @click="showHiddenContent">
<div v-if="media.isSensitive && hide" :class="$style.sensitive" @click="showHiddenContent">
<span style="font-size: 1.6em;"><i class="ti ti-alert-triangle"></i></span>
<b>{{ i18n.ts.sensitive }}</b>
<span>{{ i18n.ts.clickToShow }}</span>
</div>
<MkMediaAudio v-else-if="media.type.startsWith('audio') && media.type !== 'audio/midi'" :audio="media" :user="user"/>
<a
v-else :class="$style.download"
:href="media.url"
@ -33,6 +33,7 @@ import { $i } from '@/account.js';
const props = withDefaults(defineProps<{
media: Misskey.entities.DriveFile;
user?: Misskey.entities.UserLite;
}>(), {
});