Aframe 和 aframe-ar:在 div 中显示视频流而不是全屏

2023-11-22

我在用aframe-ar并且需要视频流显示在同一个div作为场景嵌入到。

我正在尝试使用默认场景:

<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false;'>
 <a-marker preset="hiro">
  <a-box position='0 0.5 0' material='color: black;'></a-box>
 </a-marker>
</a-scene>

渲染后的盒子成功嵌入到周围div,但我的网络摄像头的视频流是全屏的,并放置在其他 html 元素后面。

我还尝试明确指定相机,但这没有帮助!

简而言之:我想让视频也嵌入到周围div.

  • A 型框架版本:0.8.0
  • 平台/设备:Chrome/台式电脑

我怎样才能做到这一点?


ar.js将摄像机的画面分布到整个body元素。如果您不想弄乱源代码,您可以将其包含在iframe:

<iframe src="myScene.html"></iframe>

工作故障here.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Aframe 和 aframe-ar:在 div 中显示视频流而不是全屏 的相关文章

随机推荐

  • 生成正则表达式

    通常在我们的工作中我们会使用正则表达式capture or match运营 但是 可以使用正则表达式 至少手动 来生成与正则表达式匹配的合法句子 当然 有些正则表达式可以匹配无限长的句子 例如表达式 我有一个问题可以通过使用正则表达式句子生
  • IntelliJ:命令行太长。在 SBT 项目中缩短命令行...

    当我尝试运行我的应用程序时 IntelliJ 刚刚开始告诉我 命令行太长 缩短 my app 或应用程序默认配置的命令行 the my app是一个蓝色链接 可通往 编辑配置 窗口 自动选择并突出显示类路径缩短器的下拉列表 我选择了建议的选
  • Android:ListViews 和 CheckBoxes 的问题

    我有一个 ListView 在每个列表项中我有一些 TextView 和一个 CheckBox 当我检查复选框并且 onCheckedChangeListener 触发时 一切都会按预期工作 然而 一旦选中一个复选框 就会随机选中其他复选框
  • .Maui 静态 Web 资源构建问题

    严重性代码 说明 项目文件行抑制状态 未找到 obj Debug net6 0 android android x86 staticwebassets build json 处的错误清单文件 MauiApp3 C Program Files
  • 如何更改 seaborn 对图中绘图元素的 z 顺序

    这是一个片段 用于重现我的示例图像 import pandas as pd import numpy as np import seaborn as sns np random seed 42 df pd DataFrame np rand
  • Environment.UserName 返回应用程序池名称而不是用户名

    下面一行 Environment UserName 在 Visual Studio 的调试模式下 返回我需要的用户身份 然后 当我在 IIS 中设置站点并运行代码时 同一行返回该站点使用的应用程序池的名称 我怎样才能让它仍然返回用户名 尝试
  • 如何在 Spring Webflux / Reactor Netty Web 应用程序中执行阻塞调用

    在我的用例中 我有一个带有 Reactor Netty 的 Spring Webflux 微服务 我有以下依赖项 org springframework boot spring boot starter webflux 2 0 1 发布 o
  • CSS 样式 <音频>

    有没有一种方法可以设置时间线拇指 搜索者 的样式
  • 将代码跟踪到 PDF 或 PostScript 文件中

    有没有办法跟踪 PDF 的打开时间 也许通过将一些脚本嵌入到 pdf 本身中 我看到下面的问题 我想对于 javascript 来说答案是 否 但我想知道这是否可能 Google Analytics 跟踪代码插入 pdf 文件 PDF 标准
  • 计算“凯文·培根”数字

    我一直在玩弄一些东西并想到了试图弄清楚的想法凯文 培根数字 我有一个网站的数据 为此我们可以考虑将其视为社交网络 让我们假设它是 Facebook 为了简化讨论 我有一些人 我有他们的朋友名单 所以我有他们之间的联系 我如何计算一个人到另一
  • 使用 JavaScript 捕获文件浏览窗口的关闭

    我正在使用 infile 要求用户浏览其计算机上的文件 如果在没有选择文件的情况下关闭窗口 有没有办法捕获 例如 如果单击 x
  • 有没有办法在 Git 中不提交或存储的情况下保存当前更改?

    我更改了很多文件 我意识到我的方法不好 所以 我想尝试另一种方法 在这种情况下我知道两种解决方案 提交 我不想使用此功能 因为我知道我当前的代码不起作用 Stash 我也不想使用这个 因为我错过了几个文件 我必须重新编写它们 我正在寻找的是
  • 让 Excel 从 VBA 中刷新工作表上的数据

    如何在 Excel 中获取电子表格数据并在 VBA 中重新计算自身 而无需仅仅更改单元格值 下面几行就可以解决这个问题 ActiveSheet EnableCalculation False ActiveSheet EnableCalcul
  • 如何按国家和关键字查找视频?

    我想按国家 地区和关键字查找 Youtube 视频 例如 在挪威上传的所有有关奥巴马的视频 我已经尝试过的事情 1 标准供稿允许特定于国家 地区的结果 但不允许关键字搜索 例子 http gdata youtube com feeds ap
  • 如何使用张量流构建多输入图?

    是否可以定义具有多个输入的 TensorFlow 图 例如 我想给图表两个图像和一个文本 每个图像都由一堆层处理 最后有一个 fc 层 然后有一个节点计算考虑这三种表示的损失函数 目的是让三个网络在考虑联合表示损失的情况下进行反向传播 是否
  • 将文档流发送到 Jersey @POST 端点

    我希望能够sendWeb 服务的一堆文档流 这将节省 Http 请求 响应开销并专注于文档本身 在Python中你可以做这样的事情 r requests post https stream twitter com 1 statuses fi
  • 错误:当我在终端中运行 gradle 命令时,JAVA_HOME 设置为无效目录:/usr/lib/jvm/java-8-oracle/jre/bin/java

    我正在 Ubuntu 16 04 中工作 我需要安装 gradle 当我使用 sudo apt list installed 命令检查时 已安装 gradle 但是当我使用 gradle version 命令时 它显示以下错误 JAVA H
  • iOS CoreLocation 海拔高度

    在 iOS 4 0 之前 CoreLocation之前正确报告高度 现在总是报告为 0 英尺 void locationManager CLLocationManager manager didUpdateToLocation CLLoca
  • ArrayList 与动态数组相比如何

    Is an ArrayList只是动态数组的接口吗 或者它们是同一件事吗 like ArrayList对应动态数组 HashMap对应于Map 除了我没有看到任何 Java API 之类的东西动态数组 除非是ArrayList 是的 简而言
  • Aframe 和 aframe-ar:在 div 中显示视频流而不是全屏

    我在用aframe ar并且需要视频流显示在同一个div作为场景嵌入到 我正在尝试使用默认场景