jQuery web网页录音

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

 20065  189  查看评论 (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音频分析仪,效果那是相当的震撼。
  音频和视频
 40451  400

jQuery音乐播放插件jPlayer

简洁的音乐插件jPlayer
  音频和视频
 47611  341

个性暗音乐播放精简版插件

本音乐播放器插件 快适用于快速集成到博客,论坛,网站中去,播放器插件来源于个性暗音乐播放模板的阉割版本,去掉了多余的页面布局。
  音频和视频
 33257  370

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 62430  347

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