当您成功集成SDK,并想实现H5端镜像和显示横屏录制画面时,您可以通过本章节了解代码方法。

解决方案

说明 Web SDK本身不提供镜像和横竖屏接口,需要您自己实现。
  • 实现镜像:通过给video标签设置css,来实现镜像功能。
    {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
    }
  • 显示横屏录制画面:在video标签外增加一个div标签,并在div上设置css,来显示远端横屏录制的画面。
    {
       transform: rotate(90deg);
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
    }