vue-音频组件

最新推荐文章于 2025-06-30 09:27:19 发布

原创

最新推荐文章于 2025-06-30 09:27:19 发布 · 4.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue-音频

本文将介绍如何在Vue.js应用程序中创建和使用音频组件，包括加载音频资源、播放控制、音量调节等功能，帮助开发者打造自定义的音频播放体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div class="in-audio">
    <audio src="http://sc1.111ttt.com/2017/4/05/10/298101104389.mp3" id="audio"></audio>
    <div class="progress">
      <mu-slider v-model="value" class="progress-item" v-on:change="changeprogress" />
    </div>
    <div class="play" v-on:click="startaudio">播放</div>
    <div class="stop" v-on:click="stopaudio">暂停</div>
    <div class="time">