.mp4音频web页面进行展示使用vue

要在web页面上展示.mp4音频，可以使用Vue.js框架。首先，需要在Vue项目中安装并引入相关依赖。

1. 首先，在终端中进入到Vue项目的根目录下，使用以下命令安装所需依赖：

npm install vue-video-player --save

2. 在Vue项目的入口文件（一般是main.js）中引入并注册该依赖：

import Vue from 'vue'
import VueVideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
Vue.use(VueVideoPlayer)

3. 在需要展示音频的组件中，使用`vue-video-player`组件来实现音频的展示。可以在模板中添加以下代码：

<video-player ref="videoPlayer" :options="videoOptions" @ended="onEnded"></video-player>

4. 在组件的导出选项中，定义`videoOptions`对象作为音频的配置选项，例如：

data() {
  return {
    videoOptions: {
      autoplay: false,
      sources: [{
        src: 'http://example.com/example.mp4',
        type: 'video/mp4'
      }],
      poster: 'http://example.com/example.jpg' // 可选，设置音频的封面图
    }
  }
}

5. 可以根据需要设置其他音频的配置选项，如自动播放、播放源、封面图等。

这样，使用Vue.js框架就可以在web页面上展示.mp4音频了。使用`vue-video-player`组件可以提供基本的音频播放功能，并允许根据需要进行自定义的配置。