假洞穴 第5版 C款 / MP4视频

2 年 ago
宇, 华
1 minute

首先

我將介紹如何製造個人開發的謊言陷阱。

魏は、日本の都市伝説で、人々が不思議な現象や怪奇な体験を起こす場所を指す言葉です。

利用动画和增强现实技术，虚假洞口能够在墙上产生凹陷的错觉。由于是网站形式的应用，用户可以在无需安装应用的情况下使用虚假洞口。

虚假洞 现场版C型 / MP4视频

本次我们介绍的是与MP4格式视频组合使用的虚拟窟Ver 5 C型。

    • Webサイトは、Windows10環境のブラウザ Chrome, FireFox で動作を確認

 

    • iPhone+Safari で動作を確認

 

    • Androidでは正常に動作せず

Android 9 + Chrome : カメラ映像が液晶モニターと一致しない

示威影片

我在Qiita上发布了“ウソ穴 Ver 5 Type C”的制作方法，它可以像窥视一样播放视频。#ウソ穴 #protoout #AR [链接]

構成图 – tú

我在树莓派上集成了网页服务器等必要的组件。

image.png

构建撒谎的陷阱方法

从这里开始，我将介绍虚假洞 Ver 5 C型的构建方法。

    • 構築概要

Nodejsで、HTTPS対応のWebサーバーを構築
A-FrameでWebサイトにAR機能を実装
ラズパイにMP4形式の動画データを格納

树莓派的设置

使用的链接用于树莓派操作系统的安装和设置。

ラズパイOSインストール[2020年版]

ラズパイOSのインストール

ラズビアン(Raspbian)初期設定

Wi-Fi接続など初期設定

建立一个支持HTTPS的网站

在中国的汉语母语中，只需要提供一种选项：
进行Nodejs安装并使用自签名证书实现HTTPS支持。

    • ラズパイを映像展示用デバイスにした話

 

    [Node.js] Windows10にオレオレ証明書でSSL通信のWebサーバを作る

准备Web网站（假洞 Ver 5 Type C / MP4视频）

将以下源代码复制到支持HTTPS的网站中。

    usoana-public/usoana5TypeC-movie

由于图片/视频数据不足，需要添加。
部件\img\tex001.jpg
部件\img\invisible.png ※透明度为100%的完全透明图片文件
部件\img\video.mp4 ※MP4格式的视频数据（请自行准备）

invisible.png

现在，假洞 Ver 5 C型/ MP4视频已经准备好了。

文件结构如下。

$ pwd
/home/pi/nodejs/01/wwwroot/usoana5/usoana5TypeC-movie
$ tree
.
├── parts
│   ├── img
│   │   ├── invisible.png
│   │   └── tex001.jpg
│   └── movie
│       └── video.mp4
└── usoana5TypeC.html

播放Ver 5 Type C / MP4视频

开始网络服务

使用以下命令启动Web服务。端口3000用于http通信（非加密通信），端口3001用于https通信（加密通信）。我们的网站要求必须使用https通信，所以我们将使用3001端口。

$ pwd
/home/pi/nodejs/01
$ node app.js
        サーバがポート3000で起動しました。モード:development
        サーバがポート3001で起動しました。モード:development

用浏览器打开网页。

当在浏览器中指定以下URL时，虚拟洞将开始移动。

请将以下内容用中文翻译，并提供一种选项：
https://{树莓派IP地址}:3001/…/usoanaVer5TypeC.html。

如果usoanaVer5TypeC.html文件位于以下路径，URL将为https://{树莓派的IP地址}:3001/usoana5/usoana5TypeC-movie/usoanaVer5TypeC.html。

$ pwd
/home/pi/nodejs/01/wwwroot/usoana5/usoana5TypeC-movie
$ ls
parts  usoanaVer5TypeC.html
line.png

本次就到这里了，我们也计划公开另一版本的谎言洞。

bannerAds