Vue+nodeはオーディオ録音・再生機能を実現

cnpm インストール recorderx --save

npm インストール recorderx --save

<スクリプト>
	「axios」からaxiosをインポートします。
	輸入 {
		トースト
	} から "vant" へ;
	Recorderxをインポートします。{
		エンコードタイプ
	} から "recorderx";
	定数rc = 新しいレコーダーx();
	
	エクスポートデフォルト{
	   データ（）{
	     戻る {
	       開始時刻:null、
	       終了時間:null
	     }
	   },
	    方法:{
	    	//音声録音recordingVoice() {
				// that.news_img = !that.news_img
				rc.start()
					.then(() => {
						this.startime = 新しい Date();
					})
					.catch(エラー => {
						alert("マイクを取得できませんでした");
					});
			  },
			  //音声を送信する async sendVoice() {
				
				rc.一時停止();
				this.endtime = 新しい日付();
				wav = rc.getRecord({
					エンコード先: ENCODE_TYPE.WAV、
					圧縮可能: true
				});
				voiceTime = Math.ceil((this.endtime - this.starttime) / 1000); とします。
				フォームデータを作成します。

				formData.append("chatVoice", wav, Date.parse(new Date()) + ".wav");
				formData.append("音声時間", 音声時間);
				ヘッダーを{
					ヘッダー: {
						「コンテンツタイプ」: 「マルチパート/フォームデータ」
					}
				};
					アクシオス
						.post("/api/uploadChatVoice", フォームデータ, ヘッダー)
						.then(res => {
							//コンソール.log(res)
							（res.data.status === 2）の場合{
					
								rcをクリアします。
								chatVoiceMsg を res.data.chatVoiceMsg とします。
							}
							}
						});
				
			},
			//オーディオを再生する playChatVoice(audio) {
				audioUrl を audio とします。
				if(オーディオURL){
					
					audioExample を新しい Audio() に追加します。
					audioExample.src = audioUrl; //再生したいオーディオアドレス audioExample.play();
				}それ以外{
					Toast('音声アドレスが破棄されました');
				}
				
			},
	    }
	};
</スクリプト>

cnpm マルチパーティをインストール --save

定数 express = require('express');
定数ルーター = express.Router();
マルチパーティは必須です。
定数NET_URL = 'http://127.0.0.1:3000/';
router.post('/uploadChatVoice', (req, res, next) => {

  フォームを新しい multiparty.Form() にします。

  フォーム.uploadDir = 'chatVoiceUpload';
  form.parse(req, (err, フィールド, ファイル) => {
    console.log(ファイル、フィールド)
    chatVoiceUrl = NET_URL + files.chatVoice[0].path.replace(/\\/g, "/"); とします。
    chatVoiceTime = fields.voiceTime[0]とします
    コンソールログ(チャットボイスURL)
    チャットボイスURLの場合
      res.json({
        ステータス: 2,
        チャットボイスメッセージ: {
          チャットボイスタイム、
          チャットボイスURL、
        }
      })
    } それ以外 {
      res.json({
        ステータス: 1,
        チャットボイスメッセージ: {
          チャットボイスタイム: "",
          チャットボイスURL: ""
        }
      })
    }
    //console.log(ファイル)

  })
})

app.use('/chatVoiceUpload', express.static('chatVoiceUpload'));