test/vue-pure-admin2
1
0
Fork 0
mirror of https://gitee.com/yiming_chang/vue-pure-admin.git synced 2024-12-02 03:07:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: wavesurfer (#699)

Browse Source
This commit is contained in:
一万 2023-08-30 21:47:53 +08:00 committed by GitHub
parent 9bb8820025
commit 967a9d4507
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/able/wavesurfer/index.vue
View File

@ -16,8 +16,10 @@ const vTippy = tippy;
const loading = ref(true);
const wavesurfer = ref(null);
const wavesurferRef = ref();
// 音频总时长
// 音频总时长（格式化后 mm:ss）
const totalTime = ref();
// 音频总时长（单位秒）
const totalSecondTime = ref();
// 音频当前播放位置时长
const curTime = ref();
// 音频是否正在播放
@ -44,17 +46,19 @@ function init() {
// 当音频已解码并可以播放时触发
wavesurfer.value.on("ready", () => {
if (!wavesurfer.value) return;
const { duration } = wavesurfer.value;
const { m, s } = getTime(duration);
const { decodedData } = wavesurfer.value;
totalSecondTime.value = decodedData.duration;
const { m, s } = getTime(decodedData.duration);
totalTime.value = `${m}:${s}`;
// 光标位置取中
wavesurfer.value.setTime(duration / 2);
wavesurfer.value.setTime(decodedData.duration / 2);
// 设置音频音量（范围0-1）
// wavesurfer.value.setVolume(1);
});
// 音频位置改变时，播放期间连续触发
wavesurfer.value.on("timeupdate", timer => {
if (timer > totalSecondTime.value) return;
const { m, s } = getTime(timer);
curTime.value = `${m}:${s}`;
});