vue前端上传一个mp4或者mp3之后提取出来的字幕让他自动下载保存为txt文件夹

1. 首先你需要上传MP4 or MP3文件，可以使用vue和axios进行文件上传。
2. 然后你需要后端服务提取字幕，此步骤涉及AI技术，可以使用Google Speech-to-Text API或IBM Watson Speech to Text等服务。
3. 最后你需要将提取出的字幕内容保存成TXT文件，并实现自动下载功能。

下面提供一个简单的Vue组件示例(它不包括字幕提取的代码，需要你具备后端服务):

<template>
  <div>
    <input type="file" @change="uploadFile"/>
    <button @click="submit">提交</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      file: null
    }
  },
  methods: {
    uploadFile(event) {
      this.file = event.target.files[0]
    },

    async submit() {
      if (!this.file) return

      // 创建 FormData 对象
      const formData = new FormData()

      // 添加文件到 FormData 对象
      formData.append('file', this.file)

      // 上传文件
      await axios.post('/upload', formData)

      // 提交后从服务器下载字幕
      const response = await axios.get('/download', { responseType: 'blob' })

      // 创建下载链接并触发下载
      const url = window.URL.createObjectURL(new Blob([response.data]))
      const link = document.createElement('a')
      link.href = url
      link.setAttribute('download', 'subtitle.txt') // 文件名
      document.body.appendChild(link)
      link.click()
    }
  }
}
</script>

此代码只是为了演示目的，你可能需要调整以满足你自己的需求。

另外，你如何提取MP4或MP3的字幕，这是一个很大的主题，涉及许多技术，并且超出了此问题的范围。你可能需要查找专门针对此主题的教程，或者考虑使用现有的API。