草庐IT

javascript - Ricoh Theta S - 在 javascript 中实时预览

coder 2024-05-06 原文

我正在尝试创建一个使用 HTTP 请求与 Ricoh Theta S 相机对话的应用程序......它们符合 Open Spherical Camera API Version 1.0 ... here is their api reference

所以我正在尝试实现 live preview他们说相机支持......我在javascript中这样做所以我尝试了每一种可能的组合来获取他们说api调用返回的二进制数据......尝试了vanilla js，jquery，angular ......没有......这里是请求的打印屏幕...尽管状态代码为 200，但调试器将其显示为红色

响应为空... 所以我的问题是......有没有一种方法可以使用发送对象的 POST 请求通过 HTTP 在 javascript 中实现 Motion JPEG (10 fps)？

谢谢， 稀有

最佳答案

您可以在这里尝试一些事情。许多服务器端技术(包括 .NET 和 Java)对他们认为有效的 JSON 比 Javascript 严格得多。许多技术改编自 SOAP 等早期技术，这些技术依赖经过验证的 XML，并将 JSON 视为一组类似的严格规则。

此外，您要连接的 API 可能是由以前从未为网络编写过代码的专业嵌入式相机固件工程师编写的。他们习惯于 C++ 和 Java，这比 JS 宽容得多。

首先，他们的 API 指定他们期望 HTTP header 是:

Content-Type: application/json;charset=utf-8
Accept: application/json

但是，在您发送的屏幕截图中:

Content-Type: text/plain;charset=utf-8

这会告诉服务器您发送的内容是文本，而不是 JSON。尽管他们只希望 JSON 会导致大量开箱即用的服务器端 JSON 实现失败。

接下来要尝试的是许多实际上不是 Javascript 的 JSON 解析器添加了一些相当 specific rules到他们认为有效的 JSON。

您要发送:

{name:camera._getLivePreview, parameters:{sessionId:SID_0001}}

这是有效的 JS，但根据类似 XML 的严格规则，这实际上不是有效的 JSON，因为他们希望所有内容都被引用(您唯一不引用的值类型是 bool 值和数字)。

所以尝试:

{
    "name": "camera._getLivePreview", 
    "parameters": {
        "sessionId": "SID_0001"
    }
}

如果你看看他们的 getting started guide他们以这种方式格式化每个请求 - 引用属性和引用值。

确保获得这种更严格的 JSON 的一种方法是构建请求 JS 对象，然后使用 JSON.stringify 设置请求的主体，如下所示:

const content = {name:'camera._getLivePreview', parameters:{sessionId:'SID_0001'}};

const response = await fetch('.../osc/commands/execute', {
    method: 'POST', 
    body: JSON.stringify(content),
    headers:{ 'Content-Type': 'application/json' }
});

最后，您返回的是视频流 - fetch 对此的支持相当前沿，XMLHttpRequest 基本上没有。服务器将不断向您发送内容，您不断将其通过管道传输到可以呈现它的东西，如果您停止，您将看到 target_closed 错误。

您需要不断迭代流:

// Get the fetch response as a stream 
const reader = await response.body.getReader();

// Async loop the stream
let chunk = await reader.read();
while (chunk && !chunk.done) {
    for (let index = 0; index < chunk.value.length; index++) {
         // parse the response in chunks       
    }
    chunk = await reader.read();
}

已经有很多 JS MJPEG 实现，here's a fairly simple one

关于javascript - Ricoh Theta S - 在 javascript 中实时预览，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33518443/

javascriptRicohcodenoreferrernoopenerajaxcamerabinary-data

有关javascript - Ricoh Theta S - 在 javascript 中实时预览的更多相关文章

  1. ruby - 在 Ruby 中实现 `call_user_func_array` - 2

    我怎样才能完成http://php.net/manual/en/function.call-user-func-array.php在ruby中？所以我可以这样做:classAppdeffoo(a,b)putsa+benddefbarargs=[1,2]App.send(:foo,args)#doesn'tworkApp.send(:foo,args[0],args[1])#doeswork,butdoesnotscaleendend 最佳答案 尝试分解数组App.send(:foo,*args)

  2. ruby-on-rails - 如何在 Ruby on Rails 中实现无向图？ - 2

    我需要在RubyonRails中实现无向图G=(V,E)并考虑构建一个Vertex和一个Edge模型，其中Vertex有_多条边。由于边恰好连接两个顶点，您将如何在Rails中执行此操作？您是否知道任何有助于实现此类图表的gem或库(对重新发明轮子不感兴趣;-))？ 最佳答案 不知道有任何现有库在ActiveRecord之上提供图形逻辑。您可能必须实现自己的Vertex、EdgeActiveRecord支持的模型(请参阅Rails安装的rails/activerecord中的vertex.rb和edge.rb/test/fixtur

  3. ruby-on-rails - 如何在 Ruby on Rails 中实现由 JSF 2.0 (Primefaces) 驱动的 UI 魔法 - 2

    按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visitthehelpcenter指导。关闭10年前。问题1)我想知道ruby​​onrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf)，开发人员无需担心javascript或jquery的东西。据我所知，JSF是一个规范，基于规范的各种可用实现，prim

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. ruby - 在 Ruby 中实现 to_int 和 to_str 的后果 - 2

    我haveaclass它公开了一个字符串值和一个int值(分别是命令输出和退出代码)。除了通过to_s和to_i公开它们之外，我还使用to_str和to_int，如下所示:classStatusdefto_s@outputendalias:to_str:to_sdefto_i@status.exitstatusendalias:to_int:to_iend我的想法是能够在尽可能多的情况下使用这个对象。将其强制转换为字符串或整数会增加可用性。例如，我可以将对象与字符串连接起来:a_string="Outputwas:"+results(我想用这个作为int强制转换的例子，但是Fixnum

  6. ruby - 在 Ruby 中实现二叉树 - 2

    我一直在尝试在Ruby中实现BinaryTree类，但我得到了stackleveltoodeep错误，尽管我似乎没有在该特定代码段中使用任何递归:1.classBinaryTree2.includeEnumerable3.4.attr_accessor:value5.6.definitialize(value=nil)7.@value=value8.@left=BinaryTree.new#stackleveltoodeephere9.@right=BinaryTree.new#andhere10.end11.12.defempty?13.(self.value==nil)?true:

  7. ruby - 如何在 Ruby 中实现私有(private)内部类 - 2

    来自Java，我正在尝试在Ruby中实现LinkedList。我在Java中实现它的通常方法是有一个名为LinkedList的类和一个名为Node的私有(private)内部类，其中LinkedList的每个对象都作为Node对象。classLinkedListprivateclassNodeattr_accessor:val,:nextendend我不想将Node类暴露给外部世界。然而，通过Ruby中的这个设置，我可以使用这个访问LinkedList类之外的私有(private)Node类对象-node=LinkedList::Node.new我知道，在Ruby1.9中，我们可以使用

  8. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  9. ruby - 在 Ruby 中实现 Luhn 算法 - 2

    我一直在尝试用Ruby实现Luhn算法。我一直在执行以下步骤:该公式根据其包含的校验位验证数字，该校验位通常附加到部分帐号以生成完整帐号。此帐号必须通过以下测试:从最右边的校验位开始向左移动，每第二个数字的值加倍。将乘积的数字(例如，10=1+0=1、14=1+4=5)与原始数字的未加倍数字相加。如果总模10等于0(如果总和以零结尾)，则根据Luhn公式该数字有效；否则无效。http://en.wikipedia.org/wiki/Luhn_algorithm这是我想出的:defvalidCreditCard(cardNumber)sum=0nums=cardNumber.to_s.s

  10. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

    我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

随机推荐