fhr视频录制

PC视频录制，拍照照片。支持h5 getUserMedia和flash。优先使用h5 getUserMedia的方式。

安装

npm install --save fhr

使用方法

录制视频

import { Fhr } from 'fhr';
// 也可以在html中以引入js的方式,就如提供的demo一样
// <script src="../../lib/index.js"></script>

const fhrObject = new Fhr({
// 如果是html引入的方式，这儿应该是
// const fhrObject = new fhr.Fhr({
    type: 'video',
    swfUrl: '../../lib/video.swf',
    fmsUrl: "rtmp://10.250.140.126:1935/test",
    content: document.getElementById('test'),
    callback: function(str) {
        console.log(str);
    },
});

注：

type: 录制视频传入video。默认值为video。

swfUrl: 将mode_modules/fhr/lib/video.swf拷贝出来后放在server上的目录。

fmsServer: rtmp服务地址。

content: 作为渲染的载体。

callback: 执行的回调，含义最后来提示。

开始录制事件

fhrObject.start();

结束录制事件

fhrObject.stop();

获取结果事件

fhrObject.getResult();

注： 如果支持h5方式，录制的视频在结果中以base64的格式返回，文件后缀为.webm,如果以flash的方式录制的视频，在结果中能拿到保存在fmsServer中的文件名，文件格式为.flv。

拍摄照片

import { Fhr } from 'fhr';
// 也可以在html中以引入js的方式,就如提供的demo一样
// <script src="../../lib/index.js"></script>

const fhrObject = new Fhr({
// 如果是html引入的方式，这儿应该是
// const fhrObject = new fhr.Fhr({
    type: 'photo',
    swfUrl: '../../lib/video.swf',
    content: document.getElementById('test'),
    callback: function(str) {
        console.log(str);
    },
});

注：

type: 拍摄照片传入photo。

swfUrl: 将mode_modules/fhr/lib/video.swf拷贝出来后放在server上的目录。

content: 作为渲染的载体。

callback: 执行的回调，含义最后来提示。

拍照事件

fhrObject.take();

获取结果事件

fhrObject.getResult();

注：

无论是h5的方式还是flash方式，返回的照片结果都是base64。

callback含义

callback接受一个参数，如果参数不为空，即出现了错误。

初始化完成后会执行一个callback('')，这个时候就可以用来控制按钮能否点击。

兼容性

拥有的ie,chrome,firefox,safari已测试通过。