fhr
v0.0.13
Published
PC视频录制,拍照照片。支持[h5 getUserMedia](https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia)和flash。优先使用h5 getUserMedia的方式。
Downloads
7
Readme
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已测试通过。