我正在尝试使用p5js构建移动web应用程序，我想将它们托管在我的个人网站上。我特别想用手机的陀螺仪传感器来影响我的草图。然而，我发现在我自己的网站上测试时，传感器不会返回任何有用的东西。请任何人找到解决方案，或者建议我如何进行故障排除？
一些详细信息
- 我的网站托管在github页面上(指向repo的链接(
- 我的手机是Oppo A9 2020
- Android版本11
- 我正在安卓chrome中测试这些网站
示例1：
我有一个名为GyroscopeTest的草图。p5.js web编辑器上托管的程序运行良好(设备方向值会更新(。然而，我个人网站上的同一个程序并没有正确更新价值观。
- 在p5.js web编辑器上托管
- 在我的网站上主持
示例2：
这是一个更简单的例子。以下是某人在其网站上使用陀螺仪传感器的示例，该示例在我的手机上运行良好。我将html和javascript草图复制到了自己的网站上(删除了几行导致小问题的html(。在我的网站上，它不起作用。
- 在某人的网站上主持
- 在我的网站上主持
经过更多的挖掘，我发现问题是因为我的网站使用的是http，而不是https，它有额外的安全性！
很明显，这些其他网站都提供了https，这就是为什么这些草图是其他网站而不是我自己的。
因为我没有启用https，chrome认为网站不安全，因此不允许网站访问手机的传感器。将网站更改为https还允许其他草图访问手机的摄像头。