推荐几款html网页中录制摄像头和麦克风的录音录像js插件

推荐几款html网页中录制摄像头和麦克风的录音录像js插件

html5很强大，不仅能渲染出好看的网页和动画交互效果，而且还可以调用外部的硬件设备，比如陀螺仪、gps、摄像头、麦克风等，今天我们来教大家怎么用js来实现短视频的录制，让小伙伴们通过几段js代码就能录制短视频，好了，话不多说，先介绍第一款

一、recorder.js

recorder = new Recorder(input);//初始化
recorder.record();//录音
recorder.stop();//停止录音
recorder.clear();//清除
recorder.exportWAV(function(blob) {//导出wav格式音频文件
                var url = URL.createObjectURL(blob);
}

项目webide在线地址：http://editor.bfw.wiki/Editor/Open.html?projectid=15763057295741160050

可在线直接编辑代码和运行，非常方便

二、VideoRecorderJS

    var virec = new VideoRecorderJS.init(
        {
            resize: 0.8, // 缩放比率
            webpquality: 0.5, //单个帧的图像质量
            framerate: 15, //帧率
            videotagid: "viredemovideoele", //video对象
            videoWidth: "640",//宽度
            videoHeight: "480",//高度
            log: true,//是否输出日志
            mediaRecorderType: "webscript",//录制类型
            workerPath: "js/recorderWorker.js" //加载worker进行后台录制，提高效率
        },
        function () {
            //初始化成功后回调
        },
        function (err) {
            //出错回调
            if (err.name == "BROWSER_NOT_SUPPORTED") {
                //handler code goes here
            } else if (err.name == "PermissionDeniedError") {
                //handler code goes here
            } else if (err.name == "NotFoundError") {
                //handler code goes here
            } else {
                throw 'Unidentified Error.....';
            }

        }
    );

可在线直接编辑代码和运行，非常方便