java h5在线音频_html5 mp3音频播放代码网页在线录音
特效描述:html5 mp3音频播放 网页在线录音。本地设置麦克风权限,才能正常预览
代码结构
1. 引入JS
2. HTML代码
Html5网页JavaScript录制MP3音频
录制
停止
上传
调试信息:
var recorder = new MP3Recorder({
debug:true,
funOk: function () {
btnStart.disabled = false;
log('初始化成功');
},
funCancel: function (msg) {
log(msg);
recorder = null;
}
});
var mp3Blob;
function funStart(button) {
btnStart.disabled = true;
btnStop.disabled = false;
btnUpload.disabled = true;
log('录音开始...');
recorder.start();
}
function funStop(button) {
recorder.stop();
btnStart.disabled = false;
btnStop.disabled = true;
btnUpload.disabled = false;
log('录音结束,MP3导出中...');
recorder.getMp3Blob(function (blob) {
log('MP3导出成功');
mp3Blob = blob;
var url = URL.createObjectURL(mp3Blob);
var div = document.createElement('div');
var au = document.createElement('audio');
var hf = document.createElement('a');
au.controls = true;
au.src = url;
hf.href = url;
hf.download = new Date().toISOString() + '.mp3';
hf.innerHTML = hf.download;
div.appendChild(au);
div.appendChild(hf);
recordingslist.appendChild(div);
});
}
function log(str) {
recordingslist.innerHTML += str + '
';
}
function funUpload() {
var fd = new FormData();
var mp3Name = encodeURIComponent('audio_recording_' + new Date().getTime() + '.mp3');
fd.append('mp3Name', mp3Name);
fd.append('file', mp3Blob);
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
recordingslist.innerHTML += '上传成功:' + mp3Name + '';
}
};
xhr.open('POST', 'upload.ashx');
xhr.send(fd);
}
java h5在线音频_html5 mp3音频播放代码网页在线录音相关推荐
- 开发游戏音频程序——MP3的播放
最近学了一些游戏开发必不可少的MP3文件播放知识.首先,我的目标机器是windows,所以这些是在windows平台下开发的.随后我学到,要直接解码MP3文件是非常的困难的.因为MP3文件的闭源,我们 ...
- 网页视频播放php拉伸代码,网页在线视频播放代码大全
使用说明:把代码中的视频路径换成与自己的相对路径或绝对路径,播放器的窗口大小,根据需要修改高和宽的参数. 1.avi格式 2.mpg格式 3.rm格式 4.wmv格式 5:最简单的播放代码 6:有图像 ...
- 网页视频播放php拉伸代码,网页在线播放mp4/flv等格式视频方法,CuPlayer(酷播)详细使用方法(附源代码)...
最近有好几个项目都需要在网页上播放视频文件(自己上传的),视频格式包括mp4.flv等等.现在的网站都对用户体验有所要求,所以网站上都不是单一的一行行文字了,都会选择放上很多图片.视频等,这样整体看上 ...
- PDF在线转PPT,不用下载软件网页在线即可转换!
PDF是我们经常在办公中使用的文件格式,它的兼容性和安全性使得它成为了传输文件的首选.而PPT则是我们常用的演示文稿格式,无论是在学校还是在公司,我们都需要制作演讲和汇报的PPT文件.由于这两种文件格 ...
- html格式怎么转换mp3,mp3支持什么音频格式_mp3音频格式怎么转换-太平洋IT百科手机版...
现在手机的功能越来越多,逐渐取代了mp3.对于很多80后.90后人来说,整个青春期的记忆都和MP3有关.那个时候人手拿一部mp3,也是炫耀的资本.现在很少有人再用mp3了,更别说mp3支持什么音频格式 ...
- HTML中简单的声音语音MP3播放代码
HTML中简单的声音语音MP3播放代码 在网页中播放MP3 语音播放代码 各浏览器默认支持的音频格式 在网页中播放MP3 我们有时候需要在网页里播放一段提示声音,如何通过几行代码就能实现在网页中播放各 ...
- java h5在线音频_H5 录音音频可视化
这段时间给 GitHub Recorder 开源库添加了两个新的音频可视化功能,比以前单一的动态波形显示丰富了好多(下图后两行是不是比第一行看起来丰满些):趁热打铁写了一个音频可视化相关扩展测试代码, ...
- 记录-java如何播放mp3音频的
原文链接: https://blog.csdn.net/xietansheng/article/details/85056358 使用JLayer类来播放mp音频 (Java Layer)是一个用于播 ...
- 获取MP3音频时长 | Java工具类
获取mp3格式音频时长. Maven依赖 <dependency><groupId>org</groupId><artifactId>jaudiotag ...
最新文章
- 智领先机 惠普推出家庭信息中心HIC
- Mint系统使用介绍,Mint系统安装,在Mint系统上搭建GPU环境,在Mint系统上安装Pycharm、Anaconda等软件,在Mint系统上安装cuda和cudnn
- SCCM2012 RBA
- Servlet3.0 multipart 文件上传技术
- python中接口测试垃圾数据如何清理_接口测试---Python数据处理需要注意的细节
- Python学习笔记:返回函数
- 循环计算-偶数求和-计算结果
- 初识Mysql(part5)--我需要知道的11条Mysql语句之过滤
- 矩阵键盘简易计算机设计报告,矩阵键盘显设计报告..doc
- thinkphp-查询某一列的值column
- 什么是序列化,怎么序列化,为什么序列化,反序列化会遇到什么问题,如何解决。...
- oracle 视图权限 oracle 创建视图权限不足( ORA-01031: 权限不足)
- SharePoint Framework 企业向导(三)
- 使用ByteArray及AMF来提高Data Object的操作效率
- 【CCCC】L3-023 计算图 (30分),dfs搜索+偏导数计算
- NFC reader ( ISO 15693 ) NFC相关技术详解(附源代码)
- 数值方法与计算机方法是,计算机数值方法.pdf
- excel怎么把两个表格合成一个
- 跟着项目学设计模式(六):三层架构
- python语言表白语句简单_简短的表白语句280句
热门文章
- 花书 第十九章 第二十章
- 黑马程序员最新版JavaWeb基础教程-学习笔记
- 一个优秀的平面设计作品需要满足那些特点
- 钉钉大肆抢夺TO B数字化办公市场 企业微信、金蝶、石墨文档、脉脉等危矣?...
- 小样本点云深度学习库_基于点云深度学习的点云数据集制作系统及方法与流程...
- mysql45讲--09-44实践篇总结
- 掌门少儿打造高质课程,助力少年儿童全方位发展
- 微信免卸载降级安装方法
- 一信通短信接口对接_短信接口对接流程
- 互联网+双“高新”时代