Rumah hujung hadapan web tutorial js 微信小程序如何调用录音与播放录音

微信小程序如何调用录音与播放录音

Apr 13, 2018 pm 03:46 PM
Program mini rakaman bermain

这次给大家带来微信小程序如何调用录音与播放录音,微信小程序调用录音与播放录音的注意事项有哪些,下面就是实战案例,一起来看一下。

小程序中提供了两种录音的API

旧版录音功能

首先启动录音,然后停止录音即可拉到音频的临时地址

启动录音:

var that = this;
  wx.startRecord({
   success: function (res) {
    // 调用了停止录音接口就会触发这个函数,res.tempFilePath为录音文件临时路径
    var tempFilePath = res.tempFilePath
    that.setData({
     src: tempFilePath
    })
   },
   fail: function (res) {
    //录音失败的处理函数
   }
  })
Salin selepas log masuk

停止录音:

wx.stopRecord()
Salin selepas log masuk

播放录音:

wx.playVoice({
 filePath: src // src可以是录音文件临时路径
})
Salin selepas log masuk

新版录音

获取全局唯一的录音管理器,然后录音都依赖他,而播放录音则需要内部 audio 上下文 innerAudioContext 对象

获取全局唯一的录音管理器:

var that = this;
  this.recorderManager = wx.getRecorderManager();
  this.recorderManager.onError(function(){
   // 录音失败的回调处理
  });
  this.recorderManager.onStop(function(res){
   // 停止录音之后,把录取到的音频放在res.tempFilePath
   that.setData({
    src: res.tempFilePath 
   })
   console.log(res.tempFilePath )
  });
Salin selepas log masuk

开始录音:

this.recorderManager.start({
   format: 'mp3' // 如果录制acc类型音频则改成aac
});
Salin selepas log masuk

结束录音:

this.recorderManager.stop()
Salin selepas log masuk

播放音频:

this.innerAudioContext = wx.createInnerAudioContext();
  this.innerAudioContext.onError((res) => {
   // 播放音频失败的回调
  })
  this.innerAudioContext.src = this.data.src; // 这里可以是录音的临时路径
  this.innerAudioContext.play()
Salin selepas log masuk

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:



Atas ialah kandungan terperinci 微信小程序如何调用录音与播放录音. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menstrim video atau mencerminkan skrin iPhone atau iPad anda menggunakan AirPlay Cara menstrim video atau mencerminkan skrin iPhone atau iPad anda menggunakan AirPlay Jul 14, 2023 pm 07:53 PM

Panduan ringkas ini akan menunjukkan kepada anda cara menggunakan AirPlay, ciri penstriman wayarles inovatif Apple untuk berkongsi dan memaparkan kandungan dengan mudah. Membenarkan anda menggunakan Wi-Fi untuk menyambungkan iPhone atau iPad anda kepada Apple TV yang serasi dengan AirPlay, TV pintar, pembesar suara dan Mac, serta pembesar suara pihak ketiga dan TV pintar tertentu, untuk pemindahan data yang lancar. AirPlay beroperasi secara peer-to-peer, menyambungkan peranti Apple anda melalui rangkaian tempatan. Ia menggunakan gabungan teknologi, termasuk Protokol Pengangkutan Masa Nyata (RTP) untuk penstriman audio dan video dan Bonjour untuk penemuan peranti. Ringkasnya, apabila anda menggunakan AirPlay, peranti anda menghantar aliran data dan kemudian

Bangunkan applet WeChat menggunakan Python Bangunkan applet WeChat menggunakan Python Jun 17, 2023 pm 06:34 PM

Dengan populariti teknologi Internet mudah alih dan telefon pintar, WeChat telah menjadi aplikasi yang sangat diperlukan dalam kehidupan orang ramai. Program mini WeChat membenarkan orang ramai menggunakan program mini secara langsung untuk menyelesaikan beberapa keperluan mudah tanpa memuat turun dan memasang aplikasi. Artikel ini akan memperkenalkan cara menggunakan Python untuk membangunkan applet WeChat. 1. Persediaan Sebelum menggunakan Python untuk membangunkan applet WeChat, anda perlu memasang perpustakaan Python yang berkaitan. Adalah disyorkan untuk menggunakan dua perpustakaan wxpy dan itchat di sini. wxpy ialah mesin WeChat

Bagaimana untuk merakam panggilan pada iPhone Bagaimana untuk merakam panggilan masuk pada iPhone Bagaimana untuk merakam panggilan pada iPhone Bagaimana untuk merakam panggilan masuk pada iPhone Feb 22, 2024 pm 05:52 PM

Selepas membuat panggilan, tekan lama untuk merakam skrin di pusat kawalan dan hidupkan mikrofon untuk merakam. Model tutorial yang berkenaan: Sistem iPhone13: Analisis IOS15.3 1 Mula-mula cari dan klik fungsi telefon pada desktop telefon mudah alih. 2 Kemudian dail nombor dahulu, kemudian leret ke bawah skrin untuk memaparkan pusat kawalan. 3 Kemudian tekan lama ikon rakaman skrin di pusat kawalan. 4. Kemudian klik pada halaman pop timbul untuk menghidupkan mikrofon. 5 Seterusnya, selepas mikrofon dihidupkan, klik pilihan Mula Rakaman. 6. Apabila anda melihat masa rakaman bermula, anda boleh kembali ke antara muka panggilan. 7. Selepas panggilan tamat, masukkan pusat kawalan sekali lagi dan klik butang rakaman untuk menghentikan rakaman. 8Rakaman panggilan telefon terakhir akan disimpan dalam album foto anda dalam bentuk rakaman skrin. Tambahan: Mengapa iPhone tidak mempunyai fungsi rakaman panggilan 1 adalah penting

Langkah mudah untuk merakam pada telefon vivo Langkah mudah untuk merakam pada telefon vivo Mar 26, 2024 pm 09:11 PM

1. Mula-mula cari dan klik [Recorder] pada desktop telefon vivo. 2. Klik butang rakaman merah di sudut kiri bawah untuk mula merakam. 3. Selepas rakaman selesai, klik butang di sudut kanan bawah untuk menamatkan rakaman dan menyimpannya.

Bolehkah program kecil menggunakan tindak balas? Bolehkah program kecil menggunakan tindak balas? Dec 29, 2022 am 11:06 AM

Program mini boleh menggunakan react. Cara menggunakannya: 1. Laksanakan pemapar berdasarkan "react-reconciler" dan jana DSL 2. Buat komponen program mini untuk menghuraikan dan membuat DSL 3. Pasang npm dan laksanakan Build; npm dalam alat; 4. Perkenalkan pakej ke halaman anda sendiri, dan kemudian gunakan API untuk menyelesaikan pembangunan.

Laksanakan kesan flip kad dalam program mini WeChat Laksanakan kesan flip kad dalam program mini WeChat Nov 21, 2023 am 10:55 AM

Melaksanakan kesan flipping kad dalam program mini WeChat Dalam program mini WeChat, melaksanakan kesan flipping kad ialah kesan animasi biasa yang boleh meningkatkan pengalaman pengguna dan daya tarikan interaksi antara muka. Yang berikut akan memperkenalkan secara terperinci cara melaksanakan kesan khas flipping kad dalam applet WeChat dan memberikan contoh kod yang berkaitan. Pertama, anda perlu menentukan dua elemen kad dalam fail susun atur halaman program mini, satu untuk memaparkan kandungan hadapan dan satu untuk memaparkan kandungan belakang Kod sampel khusus adalah seperti berikut: <!--index.wxml-. ->&l

Alipay melancarkan program mini 'Chinese Character Picking-Rare Characters' untuk mengumpul dan menambah pustaka aksara yang jarang ditemui Alipay melancarkan program mini 'Chinese Character Picking-Rare Characters' untuk mengumpul dan menambah pustaka aksara yang jarang ditemui Oct 31, 2023 pm 09:25 PM

Menurut berita dari laman web ini pada 31 Oktober, pada 27 Mei tahun ini, Ant Group mengumumkan pelancaran "Projek Pemilihan Watak Cina", dan baru-baru ini membawa kemajuan baharu: Alipay melancarkan program mini "Pemilihan Watak Cina-Watak Biasa" untuk mengumpul koleksi daripada masyarakat Watak nadir menambah pustaka aksara jarang dan memberikan pengalaman input yang berbeza untuk aksara jarang untuk membantu memperbaik kaedah input aksara jarang dalam Alipay. Pada masa ini, pengguna boleh memasukkan applet "Watak Tidak Biasa" dengan mencari kata kunci seperti "Pengambilan aksara Cina" dan "aksara jarang". Dalam program mini, pengguna boleh menghantar gambar aksara jarang yang belum dikenali dan dimasukkan oleh sistem Selepas pengesahan, jurutera Alipay akan membuat entri tambahan ke dalam perpustakaan fon. Laman web ini mendapati bahawa pengguna juga boleh mengalami kaedah input pemisahan perkataan terkini dalam program mini Kaedah input ini direka untuk perkataan yang jarang dengan sebutan yang tidak jelas. Pembongkaran pengguna

Cara menyediakan rakaman panggilan automatik ke nombor tertentu pada Honor v30pro Cara menyediakan rakaman panggilan automatik ke nombor tertentu pada Honor v30pro Mar 23, 2024 am 09:16 AM

1. Klik untuk membuka antara muka dail. 2. Klik tiga titik di bahagian atas sebelah kanan dan klik Tetapan dalam pilihan pop timbul. 3. Klik untuk merakam panggilan secara automatik. 4. Hidupkan fungsi rakaman panggilan automatik, klik pada objek rakaman automatik, dan klik pada nombor yang ditentukan dalam pilihan pop timbul. 5. Hanya tetapkan nombor yang ditetapkan.

See all articles