电影上下颠倒，左右方向切换

Question

我正在vLine上进行应用程序。

我想知道有没有可能改变电影的方向。

目前，我相机上的坑（小框架）像镜子一样左右颠倒。

这有时有点令人困惑。

如果我们也可以颠倒过来，它非常有用，尤其是使用外部相机。

Answer 1

注意：这个答案假设您没有使用uiVideoPanel小部件。

您可以为通过使用CSS调用MediaStream.createMediaElement()或MediaStream.createVideoElement()而创建的HTML元素设置样式。默认情况下，将镜像本地视频，而不会镜像远程视频。您可以通过使用shell示例进行调用来看到这方面的一个示例。

您可以将CSS transform应用于HTML元素以镜像图像或将其倒置。

若要镜像，请使用transform: scaleX(-1)；若要上下翻转，则使用transform: scaleY(-1)。此外，您可能需要为transform添加特定于供应商的前缀，例如-webkit-transform。

例如，在shell示例中，您可以在mediaSession:addRemoteStream处理程序中添加以下内容：

  // flip remote video upside-down
  // 'stream' is the MediaStream
  // 'elem' is the result from stream.CreateMediaElement()
  if (stream.isRemote()) {
    elem.css('transform', 'scaleY(-1)');         // Firefox
    elem.css('-webkit-transform', 'scaleY(-1)'); // Chrome
  }