twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 09:27:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:pure-admin/vue-pure-admin into gitee

Browse Source
This commit is contained in:
xiaoxian521 2023-08-30 21:52:26 +08:00
commit d7a479afc6
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}`;
});