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

JavaScript-Beispielcode zum Ermitteln, ob eine Datei vorhanden ist

1. Geschäftsszenario Ich habe kürzlich Entwicklun...

So spielen Sie lokale Mediendateien (Video und Audio) mit HTML und JavaScript ab

Erstens kann JavaScript aus Sicherheitsgründen ni...

Detaillierte Erklärung zur Verwendung der Element-el-button-Button-Komponente

1. Hintergrund Schaltflächen werden sehr häufig v...

Nginx verwendet Lua+Redis, um IP dynamisch zu blockieren

1. Hintergrund Bei unserer täglichen Website-Wart...

25 Tipps und Tricks zur Div+CSS-Programmierung

1. Das ul-Tag hat in Mozilla standardmäßig einen ...

Was Sie über die Transaktionsisolierung von msyql wissen müssen

Was ist eine Transaktion? Eine Transaktion ist ei...

TypeScript-Dekorator-Definition

Inhaltsverzeichnis 1. Konzept 1.1 Definition 1.2 ...

Mybatis implementiert Details zum Abfangen und Ändern von SQL-Abfragen

Vorwort Eine der Funktionen eines Interceptors be...

Best Practices-Handbuch für partitionierte MySQL-Tabellen

Vorwort: Partitionierung ist ein Tabellenentwurfs...

Äußerst detaillierte Freigabe der MySQL-Nutzungsspezifikation

In letzter Zeit waren viele datenbankbezogene Vor...

Vue implementiert horizontal abgeschrägtes Balkendiagramm

In diesem Artikel wird der spezifische Code von V...