使用Html 5我想录制视频并将流保存到本地文件中.以下是代码.在按钮单击中,它已调用相机并在HTML的"VIDEO"标签中捕获视频.我可以将流存储到本地文件中吗？或者我可以将其存储为MP4文件？
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function enter() {
if (navigator.mozGetUserMedia) {
navigator.myGetMedia=navigator.mozGetUserMedia;
navigator.myGetMedia({video: true}, connect, error);
}
else {
alert("NO");
}
function connect(stream) {
var video = document.getElementById("my_video");
video.src = window.URL ? window.URL.createObjectURL(stream) : stream;
video.play();
var canvas = document.getElementById("c");
}
function error(e) { console.log(e); }
}
</script>
</head>
<body>
<canvas width="640" height="480" id="c"></canvas>
<input type="button" value="RECORD" onClick="enter()"/>
<input type="button" value="SAVE" />
<video id="my_video" width="640" height="480"/>
</body>
</html>
我想在点击保存按钮时保存流.
我有一些带有图像的div,当我点击这些图像时,我想要用我点击的图像打开另一个div.
JS
$('.examples img').click(function() {
var loc = $(this).attr("src");
$('#image-zoom').attr("src",loc);
});
HTML
<div class="container examples" >
<div id="image-zoom">
<img class="img-thumbnail zoom" src="" alt="dental">
</div>
<div class="row">
<div class="col-sm-12">
<img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental">
<img class="img-thumbnail zoom" src="images/02.png" alt="dental">
<img class="img-thumbnail zoom" src="images/03.png" alt="dental">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<img class="img-thumbnail zoom" src="images/04.png" alt="dental">
<img class="img-thumbnail zoom" src="images/05.png" alt="dental">
<img class="img-thumbnail zoom" src="images/06.png" alt="dental">
</div>
</div>
</div>
当我试图隐藏div工作时,我认为我的语法有错误
我想尽快开始一个新的Nodejs项目,我想知道我是否应该尝试使用Dart VM.我读到Dart VM尚未完成,但我应该已经拥有了我需要的一切(Web服务器,套接字,文件i/o),我会喜欢发现新的东西.
有没有人有Node和DartVM的经验,可以告诉我期望的主要差异/问题,或者Dart VM是否真的不适用于真正的服务器端项目？
我不是要求您的个人偏好,而是根据您的经验我可能遇到的实际问题.
真正令人困惑的是,当我使用手机摄像头拍摄图像时,我使用FileTransfer.moveTo它并根据需要将图像发送到SD卡上的指定文件夹.我还保留了一个图像对象列表localStorage,看起来像这样:
[
Object
ean: "42208556"
image: "file:///storage/sdcard0/PhotoscanPhotos/d51b5b77-aab1-9947-096d-b0a92dfb87eafoto.jpg"
timestamp: 1396441761000
__proto__: Object
etc etc
作为我的应用程序的一部分,我使用相同的图像[i] .image作为src属性动态添加图像到列表,它工作正常.但是,使用相同的参数FileTransfer.upload会给出上述错误.
我的函数几乎是API文档的复制品(Cordova 3.1).代码如下:
function uploadImagesAsJpegs(imageObject) {
var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName=imageObject.image.substr(imageObject.image.lastIndexOf('/')+1);
//alert(options.fileName);//debugging ............we're happy with this
options.mimeType="image/jpeg";
options.chunkedMode = true;
var serverUrl = http://172.17.7.112/mylocalserver;
var params = {};
params.value1 = ean;
params.value2 = imageObject.timestamp;
options.params = params;
var fileTransfer = new FileTransfer();
//alert(encodeURI(serverURL));//debugging ............we're happy with this
//alert("image to upload is: " + imageObject.image);//debugging............we're …javascript phonegap-plugins cordova phonegap-build cordova-plugins
我正在尝试使用带有“ connect-mongostore”模块的节点 js 创建会话。我能够创建会话。但它没有正确存储它。
这是我的服务器端代码
//loading all the dependencies
var express = require('express');
var app = express();
var MongoStore = require('connect-mongostore')(express);
var mongo = require('mongoose');
//my data base path to store sessions
var conf = {
db: {
db: 'mongoservernew',
host: 'localhost',
collection: 'mySessions'
},
secret: '076ee61d63aa10a125ea872411e433b9'
};
//configuration
app.configure(function(){
app.use(express.cookieParser());
app.use(express.session({
secret: conf.secret,
maxAge: new Date(Date.now() + 3600000),
store: new MongoStore(conf.db)
}));
app.use(app.router);
});
//data base Url for storing data
var dbUrl = 'mongodb://localhost/mongoservernew';
mongo.connect(dbUrl);
mongo.connection.on('open', function () …当你通过添加类来点击<div>另一个时,这个脚本就是这样做的.一旦有了这个类,点击任意位置(除了将删除该类,因此隐藏它.所以你点击查看一个弹出div,然后点击任何地方,但该div应该隐藏它.<div>log_in_box_dd#big_ul_hide#big_ul_hide#big_ul_hide
这一切都有效,但只有一次.之后,它变得非常奇怪.
添加然后删除后,检查元素将会读取<div id="big_ul_hide" class="">.我不能让课程重新添加.
我添加了该setTimeout函数,因此在.lin_und单击时不会立即删除该类.
那么,为什么不让我重新加入课程呢？如果我alert(...)之后.toggleclass它会每次都提醒,但仍然不适用于该课程.
小提琴:http://jsfiddle.net/NQxAC/
<script>
$('.lin_und').click(function() {
$('#big_ul_hide').toggleClass('log_in_box_dd');
});
setTimeout(function() {
$('html').click(function() {
if($('#big_ul_hide').hasClass('log_in_box_dd')) {
$('#big_ul_hide').removeClass('log_in_box_dd');
}
});
$('#big_ul_hide').click(function(event) {
event.stopPropagation();
});
}, 2000);
</script>
所以我正在使用这个库https://github.com/jnordberg/gif.js
但是，我不确定应该如何将我拥有的图像转换为 gif。我试过做两件事
第一种方法 - 在获取图像的函数中（多次调用）
var newWebCamImage = new webcamImageView({imageUri: imageUri});
$("body").find(".webcam-images").append(newWebCamImage.render().$el);
这个函数被传递给 setInterval，所以我从那个函数调用
createGif: function() {
var webcamImages = this.$el.find(".webcam-image");
for(var i = 0; i < webcamImages.length; i ++){
this.gif.addFrame(webcamImage[i]);
}
this.gif.render();
},
这没有任何作用 - 库文档没有告诉我 gif 将出现在哪里，或者我应该将它附加到哪个元素。
第二种方法——
在函数中setInterval-
var image = new Image();
image.src = imageUri;
that.gif.addFrame(image);
gif.render()一旦我拥有所有图像，我就会在别处打电话。
这没有任何作用，因为我没有将 gif 附加到 DOM 的任何地方。
我应该如何使用这个库？
javascript ×6
jquery ×3
html ×2
node.js ×2
animated-gif ×1
connect ×1
cordova ×1
css ×1
dart ×1
gif ×1
html5 ×1
image ×1
session ×1
toggleclass ×1