首頁 web前端 js教程 微信小程式如何呼叫錄音與播放錄音

微信小程式如何呼叫錄音與播放錄音

Apr 13, 2018 pm 03:46 PM
小程式 錄音 播放

這次帶給大家微信小程式如何呼叫錄音與播放錄音,微信小程式呼叫錄音與播放錄音的注意事項有哪些,下面就是實戰案例,一起來看一下。

小程式中提供了兩種錄音的API

# 舊版錄音功能

# 先啟動錄音,然後停止錄音即可拉到音訊的臨時位址

# 啟動錄音:

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

停止錄音:

wx.stopRecord()
登入後複製

播放錄音:

wx.playVoice({
 filePath: src // src可以是录音文件临时路径
})
登入後複製

新版錄音

取得全域唯一的錄音管理器,然後錄音都依賴他,而播放錄音則需要內部 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 )
  });
登入後複製

開始錄音:

this.recorderManager.start({
   format: 'mp3' // 如果录制acc类型音频则改成aac
});
登入後複製

結束錄音:

this.recorderManager.stop()
登入後複製

播放音訊:

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

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:



#

以上是微信小程式如何呼叫錄音與播放錄音的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
使用Python開發微信小程式 使用Python開發微信小程式 Jun 17, 2023 pm 06:34 PM

隨著行動互聯網技術和智慧型手機的普及,微信成為了人們生活中不可或缺的一個應用。而微信小程式則讓人們可以在不需要下載安裝應用程式的情況下,直接使用小程式來解決一些簡單的需求。本文將介紹如何使用Python來開發微信小程式。一、準備工作在使用Python開發微信小程式之前,需要先安裝相關的Python函式庫。這裡推薦使用wxpy和itchat這兩個函式庫。 wxpy是一個微信機器

如何使用「隔空播放」串流影片或鏡像 iPhone 或 iPad 螢幕 如何使用「隔空播放」串流影片或鏡像 iPhone 或 iPad 螢幕 Jul 14, 2023 pm 07:53 PM

本快速指南將向您展示如何使用AirPlay,這是Apple的創新無線串流功能,可輕鬆分享和顯示內容。允許您使用Wi-Fi將iPhone或iPad連接到與AirPlay相容的AppleTV、智慧電視、揚聲器和Mac以及某些第三方揚聲器和智慧電視,以實現無縫資料傳輸。 「隔空播放」以點對點為基礎運行,透過本地網路連接您的Apple裝置。它使用多種技術的組合,包括用於串流音訊和視訊的即時傳輸協定(RTP)和用於設備發現的Bonjour。簡而言之,當您使用「隔空播放」時,您的裝置會傳送資料流,然後

榮耀v30pro設定指定號碼通話自動錄音的操作流程 榮耀v30pro設定指定號碼通話自動錄音的操作流程 Mar 23, 2024 am 09:16 AM

1.點選開啟撥號介面。 2.點選右上方三個點,在彈出選項中點選設定。 3.點選通話自動錄音。 4.開啟通話自動錄音功能,點選自動錄音對象,在彈出選項點選指定號碼。 5、對指定號碼進行設定即可。

蘋果手機打電話怎麼錄音 iphone來電錄音的方法 蘋果手機打電話怎麼錄音 iphone來電錄音的方法 Feb 22, 2024 pm 05:52 PM

撥通電話後在控制中心長按錄屏,打開麥克風進行錄製即可。教學適用型號:iPhone13系統:IOS15.3解析1首先在手機桌面找到並點選電話功能。 2接著先撥一個號碼,再下滑螢幕調出控制中心。 3接著在控制中心中長按錄影圖示。 4之後在彈出頁面中點擊開啟麥克風。 5接下來麥克風開啟後點選開始錄製選項。 6看到錄製時間開始計時就可以回到通話介面了。 7通話結束後再次進入控制中心,點選錄製按鈕,停止錄製。 8最後這段電話錄音就會以螢幕錄製的形式保存在你的相簿中。補充:iPhone為什麼沒有電話錄音功能1至關重要

實作微信小程式中的卡片翻轉特效 實作微信小程式中的卡片翻轉特效 Nov 21, 2023 am 10:55 AM

實作微信小程式中的卡片翻轉特效在微信小程式中,實現卡片翻轉特效是一種常見的動畫效果,可以提升使用者體驗和介面互動的吸引力。以下將具體介紹如何在微信小程式中實現卡片翻轉的特效,並提供相關程式碼範例。首先,需要在小程式的頁面佈局檔案中定義兩個卡片元素,一個用於顯示正面內容,一個用於顯示背面內容,具體範例程式碼如下:&lt;!--index.wxml--&gt;&l

vivo手機中進行錄音的簡單步驟 vivo手機中進行錄音的簡單步驟 Mar 26, 2024 pm 09:11 PM

1.先在vivo手機的桌面上找到並點選進入【錄音機】。 2.點選左下角紅色的錄音按鈕開始錄音。 3.錄音完畢後,點選右下角的按鈕結束錄音並儲存。

小程式能用react嗎 小程式能用react嗎 Dec 29, 2022 am 11:06 AM

小程式能用react,其使用方法:1、基於「react-reconciler」實作一個渲染器,產生一個DSL;2、建立一個小程式元件,去解析和渲染DSL;3、安裝npm,並執行開發者工具中的建構npm;4、在自己的頁面中引入包,再利用api即可完成開發。

支付寶上線「漢字拾光-生僻字」小程序,用於徵集、補充生僻字庫 支付寶上線「漢字拾光-生僻字」小程序,用於徵集、補充生僻字庫 Oct 31, 2023 pm 09:25 PM

本站10月31日消息,今年5月27日,螞蟻集團宣布啟動“漢字拾光計劃”,最近又迎來新進展:支付寶上線“漢字拾光-生僻字”小程序,用於向社會徵集生僻字,補充生僻字庫,同時提供不同的生僻字輸入體驗,以幫助完善支付寶內的生僻字輸入方法。目前,用戶搜尋「漢字拾光」、「生僻字」等關鍵字就可以進入「生僻字」小程式。在小程式裡,使用者可以提交尚未被系統辨識輸入的生僻字圖片,支付寶工程師確認後,將會對字庫進行補錄入。本站注意到,使用者也可以在小程式體驗最新的拆字輸入法,這項輸入法針對讀音不明確的生僻字設計。用戶拆

See all articles