diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2024-01-15 18:17:01 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-15 18:17:01 +0900 |
| commit | 8b0fdfcd69334dbf934a69cf707826b3be8cf2d0 (patch) | |
| tree | 0ecd2004474980d90151a56952b97b6de94962f9 /packages/frontend/src/components/MkMediaBanner.vue | |
| parent | enhance(frontend): dedicated games page (diff) | |
| download | misskey-8b0fdfcd69334dbf934a69cf707826b3be8cf2d0.tar.gz misskey-8b0fdfcd69334dbf934a69cf707826b3be8cf2d0.tar.bz2 misskey-8b0fdfcd69334dbf934a69cf707826b3be8cf2d0.zip | |
enhance: 動画・音声周りのUIと動作改良 (#12925)
* wip
* (fix) `/files` をバイトレンジリクエストに対応させる
* video
* audio
* fix
* fix
* spdx
* fix (rangeRequest)
* fix
* Update CHANGELOG.md
* (add) ボリュームを保存できるように
* (fix) ミュート復帰時に音量が固定される
* named export
* tweak design
* Add sensitive class for audio component
* Refactor seekbar styles
* Refactor hms
* Revert "(add) ボリュームを保存できるように"
This reverts commit 6271f9493b63f96d0dd9915207e97fe120ef9037.
* Revert "(fix) ミュート復帰時に音量が固定される"
This reverts commit a65002b56ecdcb10f76bcc2debbe38593a69643f.
* revert revert changes
---------
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/components/MkMediaBanner.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMediaBanner.vue | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/packages/frontend/src/components/MkMediaBanner.vue b/packages/frontend/src/components/MkMediaBanner.vue index 3f8fef6632..b21960a490 100644 --- a/packages/frontend/src/components/MkMediaBanner.vue +++ b/packages/frontend/src/components/MkMediaBanner.vue @@ -5,20 +5,12 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div :class="$style.root"> - <div v-if="media.isSensitive && hide" :class="$style.sensitive" @click="hide = false"> + <MkMediaAudio v-if="media.type.startsWith('audio') && media.type !== 'audio/midi'" :audio="media"/> + <div v-else-if="media.isSensitive && hide" :class="$style.sensitive" @click="hide = false"> <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> - <div v-else-if="media.type.startsWith('audio') && media.type !== 'audio/midi'" :class="$style.audio"> - <audio - ref="audioEl" - :src="media.url" - :title="media.name" - controls - preload="metadata" - /> - </div> <a v-else :class="$style.download" :href="media.url" @@ -35,6 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only import { shallowRef, watch, ref } from 'vue'; import * as Misskey from 'misskey-js'; import { i18n } from '@/i18n.js'; +import MkMediaAudio from '@/components/MkMediaAudio.vue'; const props = withDefaults(defineProps<{ media: Misskey.entities.DriveFile; |