jQuery web网页录音

所属分类:媒体-音频和视频

 22602  190  查看评论 (4)
分享到微信朋友圈
X
jQuery web网页录音 ie兼容11

更新时间:2020-04-19 20:24:53

1.调用所需要的基本JS库和css文件

①jquery;

②recoder.js(录音功能文件)

③microphone.css(麦克风样式)④microphone.js(麦克风JS)

2.html

<div id="Microphone"></div>

动画所需的div容器

3.初始化动画效果

microphone.volume("Microphone", params.vol);
相关插件-音频和视频

一款简单实用的视频播放插件

虽小却精悍,可自动播放,音乐,视频,支持HTML5
  音频和视频
 135695  443

音乐泡泡排序(CPC泡泡排序)

泡泡排序制作的音乐剧!每个音高被分配一个与其比例程度相对应的数字 (例如 c 大调中的 C 将从0-7 数字中获得 )。
  音频和视频
 23598  242

jQuery html5自定义视频控件

html5自定义视频控件,加入评论,载入弹幕,鼠标悬浮在进度条显示某时刻画面,视频卡端显示加载动画,清晰度切换等功能;并添加了弹幕隐藏显示设置,播放速度设置,镜像翻转设置。
  音频和视频
 76407  574

jquery音乐播放器

基于Jplayer制作一款音乐播放器,界面简洁漂亮。
  音频和视频
 66435  476

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    幻梦翼 0
    2022/4/20 17:16:00

    ajax可以上传blob文件

    blob = recorder.getWAVBlob();
    $.ajax({
        type: "POST", //方法类型
        dataType: "json", //预期服务器返回的数据类型
        url: "",
        data: blob,
        processData: false,
        contentType: false,
        success: function(result) {
            console.log(result);
        },
        error: function() {}
    });,

    php用

    $data = file_get_contents('php://input');
    file_put_contents('test.wav', $data);

    就可以接收了

    回复
    Cccarro 0
    2021/1/5 13:04:30
    都支持什么浏览器呢,IE可以嘛?? 回复
    JIO 0
    2020/11/29 18:21:54
    能再写个得到音频后播放的代码么 回复
    y∩__∩y 0
    2020/10/17 10:44:10
    录音完文件在哪?我怎么上传到后端? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复