python实现网页录音效果
#代码知识 发布时间: 2026-01-12
本文实例为大家分享了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,
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,
})
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实现录音功能(可随时停止录音)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇 : 解决vscode进行vue格式化,会自动补分号和双引号的问题
下一篇 : SpringCloud Feign转发请求头(防止session失效)的解决方案
-
SEO外包最佳选择国内专业的白帽SEO机构,熟知搜索算法,各行业企业站优化策略!
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现,定制个性化营销推广方案!
SEO套餐
-
SEO入门教程多年积累SEO实战案例,从新手到专家,从入门到精通,海量的SEO学习资料!
SEO教程
-
SEO项目资源高质量SEO项目资源,稀缺性外链,优质文案代写,老域名提权,云主机相关配置折扣!
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站,协助备案,域名选择,服务器配置等相关服务!
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构,可以承诺搜索引擎排名的具体位置,如果有,那么请您多注意!专业的SEO机构,一般情况下只能确保目标关键词进入到首页或者前几页,如果您有相关问题,欢迎咨询!