我正在尝试通过 Data Channel 发送图像数据,但它不起作用。
当刚从 ctx.getImageData 获取数据时,我在另一端收到一个字符串 "[Object ImageData]" 。仅将数据片段转换为 blob 会导致错误:Uncaught NetworkError: Failed to execute 'send on 'RTCDataChannel': Could not send data。尝试将其转换为 ArrayBuffer 时出现同样的错误。我应该怎么做?
最佳答案
这是我刚刚写的一个演示:http://richard.to/projects/datachannel-demo/
请注意,我使用的是本地 channel ,只是显示图像而不是渲染到 Canvas 上。这应该很容易做到。在实际与远程设备通信时,您可能会遇到问题。我还没有测试过。它也只适用于 Chrome。但在 Firefox 中工作应该很简单。
这有点棘手,因为 WebRTC 的东西在不断变化。更不用说 Firefox 和 Chrome 的工作方式略有不同。
我将重点关注 Chrome,因为您收到的错误消息似乎与 Chrome 有关,特别是 Uncaught NetworkError: Failed to execute 'send on 'RTCDataChannel': Could not send data。此处描述了此问题:https://groups.google.com/forum/#!topic/discuss-webrtc/U927CZaCdKU
这是由于 RTP 数据通道 受到速率限制。我给你的链接提到了 3 KB/sec,在我的测试中这听起来不错。
好消息是,在 Chrome 31 之后,您可以使用基于 SCTP 的数据通道。看这里:https://groups.google.com/forum/#!topic/discuss-webrtc/y2A97iCByTU .
这意味着代替这个:
window.localPeerConnection = new webkitRTCPeerConnection(servers,
{optional: [{RtpDataChannels: true}]});
你可以这样做(可能可以删除第二个参数):
window.localPeerConnection = new webkitRTCPeerConnection(servers,
{optional: []});
我相信您仍然会受到速率限制,但现在是 64kbps。我可能对这个数字有误。找不到我阅读它的链接。
SCTP channel 的一个好处是您可以使用可靠的数据连接 (TCP) 而不是不可靠的 (UDP) 并且数据按顺序发送。我对此并不乐观。又一次找不到链接。
现在,正因为如此,您似乎仍必须对数据进行分块。您无法在 Chrome 中同时发送所有内容。不过,您可以在 Firefox 中执行此操作。
您需要知道的第二件事是 Chrome 当前不支持 blob 数据。至少在常规 Chrome 32 中是这样。这意味着如果我们想使用 Chrome,我们必须以文本形式发送数据。
所以我们可以做的是将我们的图像数据转换为 base64,因为 canvas.toDataURL()。这是一个如何工作的例子:
var canvas = document.createElement('canvas');
canvas.width = startimage.width;
canvas.height = startimage.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(startimage, 0, 0, startimage.width, startimage.height);
var data = canvas.toDataURL("image/jpeg");
现在我们有了数据,我们只需要分解 bas64 字符串:
这是我在上面的演示中使用的分块数据的实现:
function sendData() {
trace("Sending data");
sendButton.disabled = true;
var canvas = document.createElement('canvas');
canvas.width = startimage.width;
canvas.height = startimage.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(startimage, 0, 0, startimage.width, startimage.height);
var delay = 10;
var charSlice = 10000;
var terminator = "\n";
var data = canvas.toDataURL("image/jpeg");
var dataSent = 0;
var intervalID = 0;
intervalID = setInterval(function(){
var slideEndIndex = dataSent + charSlice;
if (slideEndIndex > data.length) {
slideEndIndex = data.length;
}
sendChannel.send(data.slice(dataSent, slideEndIndex));
dataSent = slideEndIndex;
if (dataSent + 1 >= data.length) {
trace("All data chunks sent.");
sendChannel.send("\n");
clearInterval(intervalID);
}
}, delay);
}
实现非常简单,基本上只需使用 setInterval。您可以乱用切片大小和延迟参数。我们还需要设置一个终止符来知道消息何时结束。我只是使用了一个 \n 字符。
下面是接收器的实现方式。基本上一直跟踪数据,直到它收到终止符,我刚刚使用了换行符。
function handleMessage(event) {
if (event.data == "\n") {
endimage.src = imageData;
trace("Received all data. Setting image.");
} else {
imageData += event.data;
//trace("Data chunk received");
}
}
希望对您有所帮助。研究它很有趣。不确定这是否是通过 WebRTC 发送图像的理想解决方案。有一些演示可以进行 P2P 文件传输和其他操作。我想这取决于您的目的。
关于javascript - 通过 RTC 数据通道发送图像数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21585681/
我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub
我正在使用puppet为ruby程序提供一组常量。我需要提供一组主机名,我的程序将对其进行迭代。在我之前使用的bash脚本中,我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是,我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这
我正在编写一个gem,我必须在其中fork两个启动两个webrick服务器的进程。我想通过基类的类方法启动这个服务器,因为应该只有这两个服务器在运行,而不是多个。在运行时,我想调用这两个服务器上的一些方法来更改变量。我的问题是,我无法通过基类的类方法访问fork的实例变量。此外,我不能在我的基类中使用线程,因为在幕后我正在使用另一个不是线程安全的库。所以我必须将每个服务器派生到它自己的进程。我用类变量试过了,比如@@server。但是当我试图通过基类访问这个变量时,它是nil。我读到在Ruby中不可能在分支之间共享类变量,对吗?那么,还有其他解决办法吗?我考虑过使用单例,但我不确定这是
我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止,这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search
我在理解Enumerator.new方法的工作原理时遇到了一些困难。假设文档中的示例:fib=Enumerator.newdo|y|a=b=1loopdoy[1,1,2,3,5,8,13,21,34,55]循环中断条件在哪里,它如何知道循环应该迭代多少次(因为它没有任何明确的中断条件并且看起来像无限循环)? 最佳答案 Enumerator使用Fibers在内部。您的示例等效于:require'fiber'fiber=Fiber.newdoa=b=1loopdoFiber.yieldaa,b=b,a+bendend10.times.m
有时我需要处理键/值数据。我不喜欢使用数组,因为它们在大小上没有限制(很容易不小心添加超过2个项目,而且您最终需要稍后验证大小)。此外,0和1的索引变成了魔数(MagicNumber),并且在传达含义方面做得很差(“当我说0时,我的意思是head...”)。散列也不合适,因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题,但我很想知道:Ruby标准库是否已经带有这样一个类? 最佳
几个月前,我读了一篇关于rubygem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:
从MB升级到新的MBP后,Apple的迁移助手没有移动我的gem。我这次是通过macports安装rubygems,希望在下次升级时避免这种情况。有什么我应该注意的陷阱吗? 最佳答案 如果你想把你的gems安装在你的主目录中(在传输过程中应该复制过来,作为一个附带的好处,会让你以你自己的身份运行geminstall,而不是root),将gemhome:键设置为您在~/.gemrc中的主目录中的路径. 关于通过MacPorts的RubyGems是个好主意吗?,我们在StackOverf
rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过?我有一个调用Controller方法的JqueryPOSTajax调用,但我没有在其中放置任何真实性代码,但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送