jQuery web网页录音

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

 19941  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);
相关插件-音频和视频

一个交互式的动画SVG(鼓)工具包

有关如何使用GSAP和jQuery创建动画和交互式SVG鼓套件的教程。
  音频和视频
 31894  439

个性暗音乐播放精简优化版

基于@星云发布的个性暗音乐播放精简优化版
  音频和视频
 23073  283

移动手势音乐播放器Fmusic(原创)

一款移动端的手势音乐播放器,支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能
  音频和视频
 28376  360

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 54196  380

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