本文例項為大家分享了python實現網頁錄音效果的具體程式碼，供大家參考，具體內容如下

伺服器：tornado

語言：python，JS，html

效果：（將錄好的音放在指定位置）

實現邏輯：

部分實現程式碼:

web:

<button type="submit" class="btn btn-primary mb-2 record_start">開始錄音</button>
<button type="submit" class="btn btn-primary mb-2 record_stop">結束錄音</button>

注意，class中最後一項 record_start或record_stop，後面JS檔案中的方法呼叫和這個對應

JS:(其中用到Ajax，需要用到jquery-3.4.1.min.js)

$('.record_start').on('click',function(e){
 //css中有CHAT的，點選時開始相應，其中' . '代表是在css中，' # '代表是在id中
 e.preventDefault();
  //防止跳轉
 args = {'query':'start'}
 $.ajax({
  async: false,url:'/record',type:'POST',data:$.param(args),success: function(res){
  var data =JSON.parse(res)
  if(data.code == 0){
   console.log('傳送成功');
  }
  else{
   console.error('傳送失敗');
  }
  },error:function(){
  console.error('傳送失敗');
  }
 })
 //$代表jquery，可發起ajax請求，相當於requests，
 })
 $('.record_stop').on('click',function(e){
 //css中有CHAT的，點選時開始相應，其中' . '代表是在css中，' # '代表是在id中
 e.preventDefault();
  //防止跳轉
 args = {'query':'stop'}
 $.ajax({
  async: false,error:function(){
  console.error('傳送失敗');
  }
 })
 //$代表jquery，可發起ajax請求，相當於requests，
 })

Python server:

static = Record_wav.Final_record()
 
class RecordHandler(BaseHandler):
 global static
 def post(self):
 query = self.get_argument('query','')
 static.record_wav(query)
 res = {'code':0,'message':'sucess'}
 self.write(json.dumps(res))
 self.finish()
 
 
def make_app():
 return tornado.web.Application([
 #其他沒用的我刪了
 (r"/record",RecordHandler)
 ],**settings)
 '''
 **settings:將字典中的元素解析出來，寫配置的
 '''

這裡值得注意的是：定義一個全域性變數，因為第二次選擇關閉錄音的時候也得呼叫這個類，倘若不加全域性，對於static，計算機會重新開闢新空間而不是用之前的，這就導致你的錄音沒法停止，因為它會停止一個空的錄音。

Python Record_wav.py

rec =Recorder()
 
class Final_record():
 
 def record_wav(self,static):
  global rec
  if static == 'start':
  rec.start()
  return 'success!'
  elif static=='stop':
  rec.stop()
  rec.save(fname)
  asr=ASR.XunFeiASR()
  query=''
  query=asr.transcribe(fname)
  return query

同上，這兒的物件也得是全域性變數。（這倆全域性變數想了很久才想出來的，當然，貿然設全域性變數很不好，但我只能想到這麼多了）

其他的程式碼，例如錄音方面的網上很好找，暫且不再次贅述了。

錄音程式碼可以參考這位博主的文章：python實現錄音功能（可隨時停止錄音）

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。