jQuery web网页录音

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

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

jQuery实现Winamp2播放器插件

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

jQuery video视频播放器(原创)

video播放器,兼容所有浏览器,功能强大
  音频和视频
 70883  494

音频可视化插件wavesurfer.js多音频实例

音频可视化插件wavesurfer.js的使用(包含多个音频的切换)
  音频和视频
 29534  302

音乐歌词同步播放器

jplayer实现歌词同步的JS音乐播放器效果
  音频和视频
 43337  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
    录音完文件在哪?我怎么上传到后端? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复