ai-qt-web/src/components/audio/audioPlayer....

<template>
    <!-- 通话录音 -->
    <div>
        <h3 class="text-gray-900 font-medium mb-4">通话录音</h3>
        <div class="bg-gray-50 p-4 rounded-lg">
          <div class="flex items-center gap-4">
            <button class="flex items-center !rounded-button whitespace-nowrap">
              <el-icon class="mr-2"><Microphone /></el-icon>
              音量
            </button>
            <div class="flex-1 h-2 bg-gray-200 rounded-full">
              <div class="w-3/4 h-full bg-blue-500 rounded-full"></div>
            </div>
            <span class="text-gray-600">02:19</span>
            <button class="text-blue-600 !rounded-button whitespace-nowrap">
              <el-icon><Mute /></el-icon>
            </button>
            <button class="text-blue-600 !rounded-button whitespace-nowrap">
              <el-icon><VideoPlay /></el-icon>
            </button>
            <button class="text-blue-600 !rounded-button whitespace-nowrap">
              <el-icon><Refresh /></el-icon>
            </button>
          </div>
        </div>
    </div>
</template>
<script setup lang="ts">
import { Microphone, Mute, VideoPlay, Refresh } from '@element-plus/icons-vue'
</script>