init

package.json

@@ -15,6 +15,7 @@
     "@liripeng/vue-audio-player": "^1.2.11",
     "@riophae/vue-treeselect": "0.4.0",
     "@sscfaith/avue-form-design": "1.3.12",
+    "aplayer": "^1.10.1",
     "avue-plugin-ueditor": "^0.1.4",
     "axios": "^0.18.0",
     "babel-polyfill": "^6.26.0",

src/main.js

@@ -19,14 +19,19 @@ import './styles/common.scss'
 import AvueFormDesign from '@sscfaith/avue-form-design'
 import basicContainer from './components/basic-container/main'
 import api from './api'
+
+
 import AudioPlayer from '@liripeng/vue-audio-player'
 import '@liripeng/vue-audio-player/lib/vue-audio-player.css'
+
+
 // 插件 json 展示
 Vue.use(router)
 
 Vue.use(AvueFormDesign);
 
 Vue.use(AudioPlayer)
+
 window.axios = axios
 Vue.use(VueAxios, axios)
 Vue.use(api) // 注册使用API模块

src/views/Receive/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hello">
-    <div class="player">
+    <!-- <div class="player">
       {{ currentAudioName || audioList[0].name }}
       <audio-player
         ref="audioPlayer"
@@ -11,11 +11,13 @@
         theme-color="#ff2929"
         @playing="playing"
       />
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
+import 'APlayer/dist/APlayer.min.css';
+import APlayer from 'APlayer';
 export default {
   data() {
     return {
@@ -34,17 +36,17 @@ export default {
     };
   },
   methods: {
-    handleBeforePlay(next) {
-      // 这里可以做一些事情...
-      this.currentAudioName =
-        this.audioList[this.$refs.audioPlayer.currentPlayIndex].name;
-      console.log("我要开始播放了");
+    // handleBeforePlay(next) {
+    //   // 这里可以做一些事情...
+    //   this.currentAudioName =
+    //     this.audioList[this.$refs.audioPlayer.currentPlayIndex].name;
+    //   console.log("我要开始播放了");
 
-      next(); // 开始播放
-    },
-    playing(e) {
-      console.log("我播放中", this.$refs.audioPlayer.currentTime);
-    },
+    //   next(); // 开始播放
+    // },
+    // playing(e) {
+    //   console.log("我播放中", this.$refs.audioPlayer.currentTime);
+    // },
   },
   mounted() {},
 };

vue.config.js

@@ -3,9 +3,9 @@
  * https://cli.vuejs.org/zh/config/
  */
 // const url = 'http://pigx-gateway'
-// const url = 'http://39.97.167.65:9999' //测试
+const url = 'http://39.97.167.65:9999' //测试
 // const url = 'http://192.168.31.160:9999' //长龙
-const url = 'http://192.168.31.133:9999' //嘉豪
+// const url = 'http://192.168.31.133:9999' //嘉豪
 // const url = 'http://192.168.31.100:9999' //王笑
 
 const CompressionWebpackPlugin = require('compression-webpack-plugin')