Das WeChat-Applet implementiert die Aufnahmefunktion

Das WeChat-Applet implementiert die Aufnahmefunktion

In diesem Artikel wird der spezifische Code für das WeChat-Applet zur Implementierung der Aufnahmefunktion zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt

Layout

<!--pages/Datensatz/Datensatz.wxml-->
<Ansicht>
 <Schaltfläche 
  Klasse = "tui-menu-list"
  bindtap="startRecordAac" 
  type="primary">Aufnahme starten (aac)</button>
 <Schaltfläche 
  Klasse = "tui-menu-list"
  bindtap="startRecordMp3" 
  type="primary">Aufnahme starten (mp3)</button>
 <Schaltfläche 
  Klasse = "tui-menu-list" 
  bindtap="Aufzeichnung stoppen" 
  type="primary">Aufnahme Ende</button>
 <Schaltfläche 
  Klasse = "tui-menu-list"
  bindtap="Aufzeichnung abspielen" 
  type="primary">Aufnahme abspielen</button>
</Ansicht>

Stil:

/* Seiten/Datensatz/Datensatz.wxss */
 
.tui-menu-list{
  Flex-Richtung: Reihe;
  Rand: 20 Rpx;
  Polsterung: 20rpx;
}

Starten und Stoppen der Aufnahme

// Seiten/Datensatz/Datensatz.js
Seite({
 
  /**
   * Ausgangsdaten der Seite */
  Daten: {
 
  },
 
  onLoad:Funktion (Optionen) {
    var das = dies
    this.recorderManager = wx.getRecorderManager();
    this.recorderManager.onError(Funktion () {
      that.tip("Aufnahme fehlgeschlagen!");
    })
    this.recorderManager.onStop(Funktion (res) {
      dass.setData({
        src:res.tempDateipfad
      })
      console.log(res.tempFilePath)
      that.tip("Aufnahme abgeschlossen!")
    })
    dies.innerAudioContext = wx.createInnerAudioContext()
    dies.innerAudioContext.onError((res) => {
      that.tip("Die Wiedergabe der Aufnahme ist fehlgeschlagen!")
    })
  },
 
  //Tipp:Funktion (Nachricht) {
    wx.showModal({
      Farbe abbrechen: 'Farbe abbrechen',
      Titel: „Tipps“,
      Inhalt:Nachricht,
      anzeigenAbbrechen:false
    })
  },
 
  //AAC aufzeichnen
  startRecordAac:Funktion () {
    dieser.recorderManager.start({
      Format: „aac“
    })
  },
 
  //MP3 aufnehmen
  startRecordMp3:Funktion () {
    dieser.recorderManager.start({
      Format: „mp3“
    })
  },
 
  //Aufnahme stoppen stopRecord:function () {
    dies.recorderManager.stop()
  },
 
  //Aufnahme abspielenplayRecord:function () {
    var das = dies
    var src = diese.Daten.src
    wenn (src='') {
      this.tip('Bitte zuerst aufzeichnen')
      zurückkehren
    }
    dies.innerAudioContext.src = dies.data.src
    dies.innerAudioContext.play()
  }
 
  
})

Effektbild:

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:
  • Aufzeichnungs- und Uploadfunktion des WeChat-Applets (mithilfe eines Knotens zum Parsen und Empfangen)
  • WeChat-Applet realisiert Aufnahmefunktion
  • WeChat-Applet zum Erzielen eines Mikrofonanimationseffekts beim Aufzeichnen
  • Probleme und Lösungen beim WeChat-Applet-Aufzeichnungsdateiformat Silk
  • Aufnahme- und Wiedergabefunktion des WeChat-Applets
  • Beispiel für die Audiowiedergabeanimation eines WeChat-Applet-Entwicklungsrecorders (echte Maschine verfügbar)
  • WeChat-Applet - Bilder, Aufnahmen, Audiowiedergabe, Musikwiedergabe, Videos, Dateien Codebeispiele

<<:  Interpretation von syslogd- und syslog.conf-Dateien unter Linux

>>:  Einfaches Schreiben von gespeicherten MySQL-Prozeduren und -Funktionen

Artikel empfehlen

Nginx verwendet den Gzip-Algorithmus zum Komprimieren von Nachrichten

Was ist HTTP-Komprimierung Manchmal werden relati...

Erstellen einer KVM-Virtualisierungsplattform auf CentOS7 (drei Möglichkeiten)

KVM steht für Kernel-based Virtual Machine und is...

So bereinigen Sie Daten in einer MySQL-Onlinedatenbank

Inhaltsverzeichnis 01 Szenarioanalyse 02 Funktion...

So verwenden Sie Docker zum Bereitstellen eines Dubbo-Projekts

1. Verwenden Sie zunächst Springboot, um ein einf...

Einführung in die Verwendung von Requisiten in Vue

Vorwort: In Vue können Props verwendet werden, um...

Detaillierte Erklärung der Kodierungsprobleme bei MySQL-Befehlszeilenoperationen

1. Überprüfen Sie die MySQL-Datenbankkodierung my...

Entwickeln Sie eine Vue-Komponente, die Iframe kapselt

Inhaltsverzeichnis 1. Komponenteneinführung 2. In...

Detaillierter Prozess zum Erstellen von mysql5.7.29 unter Centos7 von Linux

1. MySQL herunterladen 1.1 Download-Adresse https...

Beispielcode zur Implementierung des wellenförmigen Wasserballeffekts mit CSS

Heute habe ich einen neuen CSS-Spezialeffekt gele...

Meta-Tags einfach erklärt

Der META-Tag, umgangssprachlich auch als Tag beze...