小编The*_*ist的帖子

在 javascript 中使用 DeviceOrientation 事件时解决万向节锁定的最简单方法 - 如何制作完美的水平仪/气泡水平仪应用程序

从...开始...

\n
window.addEventListener("deviceorientation", handleDeviceTilt);\nfunction handleDeviceTilt(event){\n// Here we can use event.beta, event.gamma\n// Note that we don\'t need event.alpha because that\'s just the compass as we\n// don\'t need to know which way is north to build a simple bubble-level app\n// or similar apps.\n}\n
Run Code Online (Sandbox Code Playgroud)\n

...在这种情况下,只要手机或平板电脑与地面平行(就像放在桌子上),值就很好并且可用betagamma但是,当手机或平板电脑与墙壁平行时,我们无法获得实际值。gamma当设备直立/垂直(即纵向模式)(这是持有移动设备的最常见方式)时,会变得尤其疯狂。

\n
请通过查看此处的立方体来观察 Android 设备的问题
\n

在此输入图像描述

\n

我们需要计算真实的角度,以便我们可以在应用程序中准确地使用倾斜信息。问题是,

\n
\n

为了解锁所谓的 \ngimbal 锁,计算真实角度(例如realBetaand realGamma)(可能通过使用Math.cos()and\n或其他方法)的最简单方法是什么?Math.sin()这可以在没有矩阵和/或四元数的情况下完成吗?我的猜测是“是”,因为伽玛的“扭曲度”在某种程度上与贝塔成正比。如果四元数是唯一的解决方案那么我们到底如何获得realGammaactualGamma使用fixedCorrectGamma它们?

\n
\n

注1:PlayStore上有一个水平仪应用程序,可以完美地显示设备的真实倾斜角度。所以有证据表明这是可行的。然而,截至 2021 …

javascript device-orientation deviceorientationevent

28
推荐指数
1
解决办法
1368
查看次数

透明视频,如何在每台设备上正确显示webm文件的alpha通道;VP9 还是 VP8 编码?

关于如何通过 alpha 通道获得带有 webm 视频的透明背景,这里有一个人说你应该用 VP8 而不是 VP9 进行编码。

WebM Alpha 仅显示在 Chrome 中?

还有一个人说这是相反的事情,就像它应该是 VP9 而不是 VP8。

透明的 webm 视频在 Android 9.0 上的 Android 68 版 Chrome 上显示纯色背景

有没有办法让每个设备正确显示包含 alpha 通道的 webm 文件?

EDIT1:这里有一些测试结果!我制作了同一个 webm 文件的两个版本,一个使用 VP8 编码,另一个使用 VP9 编码。我已经运行测试以在不同的设备上查看它们。在 SONY 手机 (android/chrome 74) 上,使用 VP8 编码的手机以透明背景正确显示,而使用 VP9 编码的手机的背景填充为纯黑色而不是透明。在华为手机(android/chrome 74)上正好相反!带有 VP9 的显示正确,而带有 VP8 的背景填充为纯黑色而不是透明。在华硕平板电脑上,VP8 和 VP9 都能正确显示。在小米手机上,VP8 和 VP9 都无法正确显示。

EDIT2:这是一个我不完全理解的页面,其中有一些很好的解释, https://sites.google.com/a/webmproject.org/wiki/alpha-channel 我确定这完全是为了正确设置这些参数使其适用于所有 android 设备。喜欢足球/足球运动员的视频

https://simpl.info/videoalpha/

...在我的桌面 (chorme/windows)、我的平板电脑 (chrome/android) 和我的 SONY 手机 (chrome/android) 上,舞者和足球运动员的视频都通过 alpha 通道以透明背景正确显示(即是期待)。但是在华为和小米手机上,只有足球/足球运动员视频按预期工作,而奇怪的是,舞者的背景充满了纯灰色。该足球运动员的视频如何在所有安卓设备上播放;我希望我的 webm 文件也能做到这一点,但不知道如何实现。

css android alpha-transparency html5-video webm

5
推荐指数
1
解决办法
9597
查看次数

文档可见性变化与窗口模糊/焦点,有什么区别,何时使用哪个?

在 ECMAscript (=Javascript) 中有两种方法可以检查用户是否离开您的页面。您可以在 上侦听“ visibilitychange”事件,document也可以在 上侦听“ blur”和“ focus”事件window。它们之间有区别吗?

navigation onfocus onblur dom-events visibilitychange

5
推荐指数
1
解决办法
1661
查看次数

当页面上另一个元素的混合混合模式更改时,背景过滤器不起作用

浏览器版本为Chrome 87.0.4280.88

以下是我无意中发现此错误的方法:

  • 页面上有两个独立的div,并且都是position: fixed;
  • 其中之一具有悬停效果,mix-blend-mode可以改变其效果。
  • 另一个有玻璃形态风格backdrop-filter: blur(...px);
  • 仅当页面上的其他元素设置为 时,过滤器才起作用mix-blend-mode: normal;,否则看起来好像不受支持。

无论如何,我现在将停止使用悬停效果,但如果有一个技巧,那么让世界知道它会很高兴。

css-filters mix-blend-mode

5
推荐指数
1
解决办法
2589
查看次数

Is it possible to place an app in Google Play Store with translated app name?

我们想在 Google Play 商店中放置一个 Android 应用程序。是否可以根据语言或国家/地区更改应用程序的名称?我知道这在技术上是可行的(通过使用“string.xml”),但有人告诉我,将同一个应用程序放入 Google Play 商店时,不可能为它指定不同的名称。我已经在互联网上搜索并查看了 Google 商店的帮助页面,但无法找到合适的答案。

android internationalization google-play

2
推荐指数
1
解决办法
1227
查看次数