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

update

Browse source
This commit is contained in:
mattyatea 2024-05-16 09:20:28 +09:00
parent c13c85c8a9
commit 94bca758ab
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -101,6 +101,7 @@ import bytes from '@/filters/bytes.js';
import { hms } from '@/filters/hms.js';
import MkMediaRange from '@/components/MkMediaRange.vue';
import { $i, iAmModerator } from '@/account.js';
import tinycolor from "tinycolor2";
const props = defineProps<{
audio: Misskey.entities.DriveFile;
}>();
@ -243,6 +244,7 @@ const volume = ref(.25);
const speed = ref(1);
const loop = ref(false); // TODO: ドライブファイルのフラグに置き換える
const bufferedEnd = ref(0);
let audioContext = new AudioContext();
// MediaControl Events
function togglePlayPause() {
@ -273,7 +275,8 @@ let stopAudioElWatch: () => void;
function init() {
if (onceInit) return;
onceInit = true;
const computedStyle = getComputedStyle(document.documentElement);
accent.value = tinycolor(computedStyle.getPropertyValue('--accent')).toHexString();
stopAudioElWatch = watch(audioEl, () => {
if (audioEl.value) {
isReady.value = true;
@ -339,8 +342,6 @@ watch(loop, (to) => {
});
onMounted(async () => {
accent.value = tinycolor(getComputedStyle(document.documentElement).getPropertyValue('--accent'));
init();
});