Vue + node realisiert Audioaufzeichnungs- und -wiedergabefunktion

cnpm installiere Recorderx --save

npm installiere Recorderx --save

<Skript>
	importiere Axios von „Axios“;
	importieren {
		Toast
	} von "vant";
	importiere Recorderx, {
		ENCODE_TYPE
	} von "recorderx";
	const rc = neuer Recorderx();
	
	Standard exportieren {
	   Daten(){
	     zurückkehren {
	       Startzeit: null,
	       Endzeit: null
	     }
	   },
	    Methoden:{
	    	//Stimme aufnehmen recordingVoice() {
				// das.news_img = !das.news_img
				rc.start()
					.then(() => {
						this.starttime = neues Datum();
					})
					.catch(Fehler => {
						alert("Mikrofon konnte nicht abgerufen werden");
					});
			  },
			  //Stimme asynchron senden sendVoice() {
				
				rc.pause();
				this.endtime = neues Datum();
				let wav = rc.getRecord({
					encodeTo: ENCODE_TYPE.WAV,
					komprimierbar: wahr
				});
				Lassen Sie voiceTime = Math.ceil((this.endtime - this.starttime) / 1000);
				const formData = new FormData();

				formData.append("chatVoice", wav, Date.parse(neues Datum()) + ".wav");
				formData.append("Sprachzeit", Sprachzeit);
				let-Header = {
					Überschriften: {
						"Inhaltstyp": "multipart/Formulardaten"
					}
				};
					Achsen
						.post("/api/uploadChatVoice", Formulardaten, Header)
						.then(res => {
							//Konsole.log(res)
							wenn (res.data.status === 2) {
					
								rc.clear();
								let chatVoiceMsg = res.data.chatVoiceMsg;
							}
							}
						});
				
			},
			//Audio abspielen playChatVoice(audio) {
				sei audioUrl = audio;
				wenn(audioUrl){
					
					let audioExample = neues Audio();
					audioExample.src = audioUrl; //Die Audioadresse, die Sie abspielen möchten audioExample.play();
				}anders{
					Toast('Sprachadresse wurde zerstört');
				}
				
			},
	    }
	};
</Skript>

cnpm installiere Multiparty --save

const express = erfordern('express');
const router = express.Router();
const multiparty = erfordern('multiparty');
const NET_URL = "http://127.0.0.1:3000/";
router.post('/uploadChatVoice', (req, res, next) => {

  let form = neues Multiparty.Form();

  form.uploadDir = "chatVoiceUpload";
  form.parse(req, (err, Felder, Dateien) => {
    console.log(Dateien, Felder)
    let chatVoiceUrl = NET_URL + files.chatVoice[0].path.replace(/\\/g, "/");
    let chatVoiceTime = Felder.voiceTime[0]
    console.log(chatVoiceUrl)
    wenn (chatVoiceUrl) {
      res.json({
        Status: 2,
        chatVoiceMsg: {
          chatVoiceTime,
          chatVoiceUrl,
        }
      })
    } anders {
      res.json({
        Status: 1,
        chatVoiceMsg: {
          chatVoiceTime: "",
          chatVoiceUrl: ""
        }
      })
    }
    //console.log(Dateien)

  })
})

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