我想记录用户网络摄像头和音频,并将其保存到服务器上的文件中.然后,这些文件可以提供给其他用户.
我没有播放问题,但是我在录制内容方面遇到了问题.
我的理解是.record()还没有编写getUserMedia 函数 - 到目前为止只提出了一个提议.
我想使用PeerConnectionAPI在我的服务器上创建一个对等连接.我知道这有点hacky,但我认为应该可以在服务器上创建一个peer并记录client-peer发送的内容.
如果可以,我应该能够将此数据保存为flv或任何其他视频格式.
我的偏好实际上是记录网络摄像头+音频客户端,以允许客户端在上传前不喜欢他们的第一次尝试时重新录制视频.这也将允许网络连接中断.我已经看到一些代码允许通过将数据发送到画布来记录网络摄像头中的各个"图像" - 这很酷,但我也需要音频.
这是我到目前为止的客户端代码:
<video autoplay></video>
<script language="javascript" type="text/javascript">
function onVideoFail(e) {
console.log('webcam fail!', e);
};
function hasGetUserMedia() {
// Note: Opera is unprefixed.
return !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia || navigator.msGetUserMedia);
}
if (hasGetUserMedia()) {
// Good to go!
} else {
alert('getUserMedia() is not supported in your browser');
}
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia || navigator.msGetUserMedia;
var video = document.querySelector('video');
var …我有100,000张不受我控制的图像.这些图像中的一些是优秀的,因为图像延伸到边界,而一些图像具有过量的白色空间.
当存在过多的空白时,它会使页面看起来很糟糕,并且意味着屏幕上的图像看起来都是不同的大小.
你可以在这里看到我的意思:
http://www.fitness-saver.com/uk/shop/mountain-bikes/
我一直在寻找的是一种jQuery方法,用于裁剪图像并自动删除空白.
1)每个图像中的空白量是不同的2)图像的比例是不同的3)我想使用javascript而不是预处理图像.
希望你能帮忙!
编辑:这是一个示例图像 - http://images.productserve.com/preview/3395/128554505.jpg.请注意,图片来自各个联盟网站,绝对来自不同的域名.
我根据这些出色的stackoverflow资源从一些HTML构建了一个word文档:
对于那些即将尝试它的人来说,为自己做一些痛苦做好准备,因为Word至少可以解释它与CSS一起使用的内容.如果你想要列,你真的需要回到使用表格来解决问题.
我一直无法正确调整图像大小 - 用户上传的图像将在此Word文档中使用,我想根据'height'属性调整大小 - 高度为50px然后相应地缩放宽度.
似乎没有关于如何在网络上的任何地方执行此操作的文档.
我还使用了一些html2canvas代码将漂亮的(基于CSS的)条形图转换为图像,然后根据优秀的http://www.kubilayerdogan.net/?p直接在word文档中使用= 304.
这个图像打印效果不好,所以我打算在运行html2canvas代码之前在屏幕上(隐藏在内存中)(使用jQuery)使源HTML更大 - 这样我就可以拥有更大的图像,我可以然后缩小尺寸并获得更高的DPI数.
首先,我了解到CSS宽度和高度对Word中的图像没有影响.同样,以下内容不起作用.
<img class="cobrandedlogo" src="' . $logourl . '" height="50px" />';
但我已经发现,使用"点"的工作原理是这样:
<img class="cobrandedlogo" src="' . $logourl . '" height="50" />';
但是这会产生非常拉伸的图像(当然取决于源材料).我希望它根据原始图像进行缩放.
我正在使用PHP.
我发现这篇SO文章似乎有所帮助:计算图像大小比例以调整大小
这是我一直在使用的一些代码:
jQuery代码生成div的图像,稍微修改显示的HTML并将其提交到PHP文件:
var wordreport = jQuery('#container').clone();
jQuery(wordreport).find('#stats').html('<img src="http://improvedemployees.com/assets/teamstats/' + jQuery('#imgname').val() + '" />');
jQuery(wordreport).find('.columncontainer').each(function() {
jQuery(this).children().wrapAll('<table><tr>');
});
// these were 3 columns on the screen - converted to a table and …我只是在一个第三方WordPress插件,看起来已经由JavaScript代码minifier引起发现的bug.
我相信原始代码应该是这样的:
this.id = "ui-id-" + ++n;
相反,它被缩小为:
this.id="ui-id-"+++n;
这会导致Chrome中出现以下错误:
Uncaught ReferenceError: Invalid left-hand side expression in postfix operation
和Firefox中的类似错误.烦人,在Chrome中我自己的插件提供的JavaScript功能仍然成功创建,但在Firefox这个错误导致我的功能不被创建和我的插件失败.
var n = 1;
var foo = 10;
var bar = "ID-";
console.log(foo+++n); // results in 11
console.log(foo); // also results in 11
console.log(bar+++n); // results in NaN soft error/warning
console.log ("ID-"+ ++n); // results in ID-2
console.log ("ID-"+++n); // hard error
我不确定在这里问什么问题 -
为什么在访问其元素之前必须将PHP数组加载到变量中？
为什么我不能直接从函数调用的结果中访问元素？
这样可行:
$foo = "This is a variable I'm going to split/explode";
$bar = explode(' ', $foo);
echo $bar[1];
但这不是:
$foo = "This is a variable I'm going to split/explode";
echo explode(' ', $foo)[1];