jquery网页在线录音插件

所属分类: 网页特效-音频&视频    2024-11-20 07:22:52

jquery网页在线录音插件 ie兼容11
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery网页在线录音插件(共6个文件)

    • index.html

使用方法

    var recorder = new Recorder({
        sampleBits: 16, // 采样位数,支持 8 或 16,默认是16
        sampleRate: 16000, // 采样率,支持 11025、16000、22050、24000、44100、48000,根据浏览器默认值,我的chrome是48000
        numChannels: 1, // 声道,支持 1 或 2, 默认是1
        compiling: false, // 是否边录边转换,默认是false
    });

    function isIE() { //ie?
        if (!!window.ActiveXObject || "ActiveXObject" in window)
            return true;
        else
            return false;
    }
    var Start = function() {
        if (isIE()) {
            alert("ie不支持麦克风录音,请更换浏览器!");
        } else {
            recorder.start().then(() => {
                Length();
                //Loud();
                // 开始录音
            }, (error) => {
                // 出错了
                console.log(`${error.name} : ${error.message}`);
            });
        }
    }
    var Stop = function() {
        recorder.stop();
    }
    var Length = function() {
        recorder.onprogress = function(params) {
            var id = document.getElementById("len");
            id.innerHTML = "录音时长:" + params.duration.toFixed(2);
            var idx = document.getElementById("loud");
            idx.innerHTML = "音量大小:" + params.vol.toFixed(0) + "%";
            microphone.volume("Microphone", params.vol);
        }
    }
    var Play = function() {
        recorder.play();
        PlayDur();
    }
    var PlayDur = function() {
        var id = document.getElementById("playTiem");
        id.innerHTML = "音频总时长" + recorder.duration;

        setInterval(function() {
            var idx = document.getElementById("playTime");
            idx.innerHTML = "播放进度" + recorder.getPlayTime();
        }, 1000)

    }
    var download = function() {
        recorder.downloadWAV("video");
    }

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 音频&视频

jquery带封面图片多功能视频播放器插件

一款多功能网页在线视频播放器代码,支持自定义视频封面图片,用户可通过视频界面进行播放、暂停、前进、控制音量,以及全屏观看。
  音频&视频
 477  0

jquery全屏html5视频作为网页背景特效代码

vidbacking是一个响应迅速的跨平台jQuery视频后台解决方案,它允许将HTML5视频用作容器或整个网页的背景。
  音频&视频
 9312  0

jquery歌曲音乐均衡器特效代码

一款mp3音乐均衡器插件,可使用鼠标点击均衡器蓝色小方块来控制音效。
  音频&视频
 4245  0

纯css响应式全屏自动播放的视频背景特效

一款将mp4视频作为页面背景特效,该代码利用CSS进行布局和定位,将视频覆盖整个屏幕,最上层显示文本文字内容。
  音频&视频
 9281  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论