仅使用 javascript/html5 获取麦克风/网络摄像头记录流
Get mic/webcam record stream using javascript/html5 only
我制作了一个需要使用 java 脚本和 html5(无 flash)录制来自 PC/移动麦克风/相机的流的 Web 应用程序。 我该怎么做?
有两种方法,getusermedia 和使用输入的传统方法,这是 ios6 允许的:
旧方式:
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
当前方式:
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia || navigator.msGetUserMedia;
var video = document.querySelector('video');
if (navigator.getUserMedia) {
navigator.getUserMedia({audio: true, video: true}, function(stream) {
video.src = window.URL.createObjectURL(stream);
}, onFailSoHard);
} else {
video.src = 'somevideo.webm'; // fallback.
}
这些示例是从此处复制的。 HTML5Rocks也有许多工作示例。
navigator.getUserMedia ( constraints, successCallback, errorCallback );
- 带有示例的简短描述
- 应用程序接口
- 支持的浏览器
相关文章:
- ASP.NET网络摄像头显示
- 如何在OpenERP中实现网络摄像头
- 如何使用默认的网络摄像头拍摄照片并将其保存在我的c#.net web应用程序中
- 获取网络摄像头的纵横比
- 使用网络摄像头或设备摄像头拍摄照片
- 网络摄像头支持野生动物浏览器
- 如何检查用户是否有网络摄像头
- 我的Javascript项目正在访问网络摄像头,但没有显示任何内容
- 使用带有javascript的网络摄像头
- 无法使用我的代码(html/js/css)初始化网络摄像头
- 有没有办法通过网络摄像头直接将二维码扫描到网页中
- 网络摄像头图片作为背景每60秒更新一次
- 重新加载大量网络摄像头的图片
- 如何使用AngularJS获得网络摄像头
- 允许用户通过网络摄像头广播实时流
- 网络摄像头权限请求不适用于本地文件
- 如何从网络摄像头捕获视频并将其上传到服务器
- 网络摄像头未显示在主页上
- 使用getUserMedia后关闭网络摄像头/相机
- 如何使用jpeg_camera JavaScript库时停止网络摄像头