jQuery web网页录音

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

 18756  188  查看评论 (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);
相关插件-音频和视频

3D音频分析仪

3D音频分析仪,效果那是相当的震撼。
  音频和视频
 39396  399

简单的jQuery音乐播放器

简单的jQuery音乐播放器,带分享
  音频和视频
 33056  334

jQuery视频轮播(原创)

让视频像图片一样轮播
  音频和视频
 40173  366

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 28329  291

讨论这个项目(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
    录音完文件在哪?我怎么上传到后端? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复