1. 程式人生 > >微信小程式開發例子-錄音和播放聲音

微信小程式開發例子-錄音和播放聲音

一、關鍵程式碼

1、index.wxml檔案



2、index.js檔案

var OBJ_PAGE_DATA={};
OBJ_PAGE_DATA.data={};
var STR_VOICE_TEMPFILEPATH="";
OBJ_PAGE_DATA['startRecord']=function(){
//開始錄音
  wx.startRecord({
    success: function(cb){
      STR_VOICE_TEMPFILEPATH=cb.tempFilePath
    }
  })
}
OBJ_PAGE_DATA['stopRecord']=function(){
//結束錄音
  wx.stopRecord();
}
OBJ_PAGE_DATA['playVoice']=function(){
//播放聲音檔案
  wx.playVoice({
    filePath: STR_VOICE_TEMPFILEPATH
  })
}
Page(OBJ_PAGE_DATA);
二、在編寫錄音和播放聲音程式碼的過程中有遇到任何問題或者不明白的地方,可以通過新增我的微信進行諮詢,感謝支援!微訊號:FutureJet

相關推薦

程式開發例子-錄音播放聲音

一、關鍵程式碼 1、index.wxml檔案 開始錄音 播放聲音 2、index.js檔案 var OBJ_PAGE_DATA={}; OBJ_PAGE_DATA.data={}; var ST

1-程式開發(安裝軟體執行第一個程式)

https://developers.weixin.qq.com/miniprogram/dev/                     我的   &nbs

程式 開發簡易情緒音樂播放

時間原因,寫簡單粗暴點(幾年不寫生疏了): 一、微信小程式 - 微信web開發工具 下載 二、新建專案 具體教程詳見: 微信小程式API 三、這裡直接更改index包下資源 :  第一步 UI 繪製  修改index.wxml + index.wxss 第二部 JS 控制

程式開發day02——程式的基本功能作用

微信小程式自學02 一、建立小程式 二、瞭解小程式的基本功能和作用        1、小程式的啟動        開啟小程式時,就已經將小程式的所有程式碼打包下載到

程式開發day01——程式的頁面基本認識屬性

微信小程式學習筆記(1) 一、申請個人賬號 二、安裝開發者工具 三、申請程式 四、閱讀幫助文件        1.簡單認識基本結構以及頁面      app.json【全域性配置

程式開發記錄(四)位址列傳參之truefalse的坑

先看看小程式位址列傳參的方法,如下 wxml: <view class="weui-cells weui-cells_after-title" wx:if="{{isNewUser}}"> <navigator url="../addres

程式開發三宗罪解決方案

米鼠資訊:在微信公佈小程式的文件和開發工具後,我們在第一時間進行了學習和體驗,發現微信小程式的技術架構和開發體驗讓我們有些失望。由於微信小程式的執行環境並不是一個標準的瀏覽器環境,而且微信的封裝工作並不完善,所以我們以往開發中的很多經驗並不適用。這並非簡單的開

程式開發:從小白開發出通過自拍預測年齡顏值的程式

先看下效果(作者:快簡):          1、開啟微信小程式官方文件 https://developers.weixin.qq.com/miniprogram/dev/index.html 我們會看到讓我們申請賬號,這裡先不著急申請,因為我們每個人都可以用測試號。

程式開發經驗總結(遇到的坑問題彙總)

小編推薦:Fundebug專注於JavaScript、微信小程式、微信小遊戲,Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務,眾多大佬公司都在使用。 前言: 前段時間公司打算做一款基於線下服務的小程式,涉及到掃碼支付,地圖,充值,會員體系等功能。由於

程式開發初學者之入門步驟體驗

  在Android 專案不忙之餘,自學了微信小程式入門。常聽前輩說,做一名開發人員最重要的不是你會什麼語言, 而是在面對不會的語言和未接觸過的任務時,有著怎樣的學習力和學習邏輯。彷彿又回到了高三那一段難忘的學習階段,用了小三天時間,可以說是入了個小門。下面將自己踩得坑,和從

程式開發之get請post請求的兩種用法

我們在開發微信小程式,需要進行資料請求,這裡只有get和post兩種.get請求,如下圖 但是呢,在很多情況下光只有get請求是不行的,還必須要有post請求,那麼post請求怎麼寫呢,如下圖 這

程式開發之使用者系統 一鍵登入 獲取session_keyopenid

思來想去不願自己的微信小程式是個單機版本.自己又不會寫後臺.現在藉助leancloud可以實現微信小程式一鍵登入功能.嘗試後,做筆記. 第二步:使用 const AV = require('../.

程式開發 一 tabbar圖示顏色

前期準備 :註冊,填材料,驗證等等: https://mp.weixin.qq.com 1.瀏覽一遍簡易教程,下載相應的開發工具 寫一個小例子 點選左側的 “編輯”-》點選右側程式碼裡的 app.json 修改為 { "pages":[

程式開發之radio實現顯示隱藏功能

我們在開發微信小程式的時候,經常會用到顯示和隱藏,但是我們知道在微信小程式裡面是不是能 使用dom操作的,話不多說,直接上程式碼 第一步.直接在wxml,首先在要選擇的按鈕上註冊一個bindtap事件如下圖 第二步.在js中的pages下的data中新增 showView

程式開發——classstyle的區別

    因為在開發小程式時,只有部分在做畢業設計時候的前端經驗,很多問題都是遇到後才瞭解到。    在製作前端的過程中遇到了修改css樣式不起作用的問題。因為程式碼是從網路上拷貝下來的,最開始如下:<button class='tr' bindtap='modalinp

程式開發技巧總結(二) -- 檔案的選取、移動、上傳下載

微信小程式開發技巧總結(二) -- 檔案的選取、移動、上傳和下載 1.不同型別檔案的選取 1.1 常用的圖片 視訊 對於大部分開發者來說,需要上傳的檔案形式主要為圖片,微信為此提供了介面。 wx.chooseImage({ count: 1, sizeType: ['original

程式開發--豆瓣圖書介面

由於微信小程式訪問豆瓣圖書介面的API被關閉, 所有從小程式端發起的訪問請求都會被拒絕, 403,禁止通訊。 其餘的資訊介面大都是http的,微信小程式中不允許訪問http, 我們通過中繼伺服器爬取並解析資料實現了一個可以在小程式中實現的圖書資訊查詢介面。 通過圖書的isbn 號碼查詢關於該圖書的各

程式開發 筆記

1.[wxss]設定帶透明度的rgb顏色:rgb(0,0,0,0.5); 2.小程式使用類似於iOS的NSNotification:(第三方:https://github.com/icindy/WxNotificationCenter) (1)在需要收發通知的頁面引入WxNotification

程式開發框架——WXSS(一)

    WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。     width:用來設定元素'寬度' / height:用來設定元素'高度 '/

純正商業級應用-程式開發實戰已更完

第1章 導學與申請appkey 如何更好的學習本課程?如何申請開發者key?如何呼叫和測試介面? 1-1 微信小程式商業級實戰-課程導學。 1-2 優先自己開發 1-3 appkey的申請 1-4 課程維護說明 第2章 準備工作 開發前的準備工作以及第三方開發工具的選擇 2-1 流程與開發前準備 2